South-Paw / styled-angular-components

💡 POC of a React styled-component pattern for Angular components

Home Page:https://styled-angular-components.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

styled-angular-components

💡 POC of a React styled-component pattern for Angular components

Netlify Status


About

A POC of using both a typed theme object and component @Inputs with Emotion CSS to produce something similar to styled-components with React.

This in practice would allow you to dynamically style a angular component without needing CSS classes that are matching component states as well as use libraries like polished to dynamically change styles that may depend on JS variables or even component variables.

Please feel free to fork, test, improve and build on this POC via Github.

License

MIT, see the LICENSE file.

About

💡 POC of a React styled-component pattern for Angular components

https://styled-angular-components.netlify.com/

License:MIT License


Languages

Language:TypeScript 80.0%Language:HTML 11.1%Language:JavaScript 7.1%Language:CSS 1.8%