From 0c356949e71b05d704972501837d43b706ff52f9 Mon Sep 17 00:00:00 2001 From: Mark Dalgleish Date: Thu, 9 Jul 2015 07:35:40 +1000 Subject: [PATCH] Add JSS example to readme --- README.md | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index ea0c837..5e20cbd 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,7 @@ Utility for making React components easily themeable. The React community is highly fragmented when it comes to styling. How do we write components that can happily co-exist with all of these competing approaches? -With react-themeable, you can support custom themes provided by [CSS Modules](https://github.com/css-modules/css-modules), [Radium](http://projects.formidablelabs.com/radium/), [React Style](https://github.com/js-next/react-style), or even plain old style objects as easily as this: +With react-themeable, you can support custom themes provided by [CSS Modules](https://github.com/css-modules/css-modules), [Radium](http://projects.formidablelabs.com/radium/), [React Style](https://github.com/js-next/react-style), [JSS](https://github.com/jsstyles/jss), or even plain old style objects as easily as this: ```js @@ -101,6 +101,23 @@ const theme = StyleSheet.create({ ``` +### JSS + +```js +import jss from 'jss'; + +const sheet = jss.createStyleSheet({ + foo: { + color: 'red' + }, + bar: { + color: 'blue' + } +}).attach(); +... + +``` + ### Plain style objects ```js