glamorous-primitives 💄
style primitive React interfaces with glamorous
Table of content
Problem
You cannot use glamorous together with react-primitives to style the components.
Solution
Combine glamorous with react-primitives by removing implicit dependencies to render the same code across the targets.
Use this package only when you want to share the same code across multiple platform. If you're looking for styling the components on a specific platform use glamorous-native for React Native and glamorous for React
Install
npm install glamorous-primitives --save
This also depends on react and react-primitives. Make sure you have installed them.
Examples
You can find all the examples here.
Demo
Code
Renders on Sketch, Web and Mobile
Documentation
There are no breaking changes in glamorous-primitives except for one thing which means you can do everything you used to do with glamorous and glamorous-native 😄
What's more ?
I am Working on 👇🏼
- className as prop using babel transform
- css prop (like glamorous)
Caveats
glamorous-primitives does not export the "tiny" version of glamorous like glamorous and glamorous-native.
Resources
Below is the list of resources where you can learn more about primitive interfaces, rendering process across multiple platform and styling the components
License
MIT