Style primitive React interfaces with glamorous

by React Native Example

glamorous-primitives

style primitive React interfaces with glamorous.

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 platforms. If you're looking to style the components for a specific platform use glamorous-native for React Native or glamorous for React

Demo

Code

Renders on Sketch, Web and Mobile

Install

npm install glamorous-primitives --save

This also depends on react and react-primitives. Make sure you have them installed.

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.

GitHub