Glamorous-primitives NPM

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