Styled JSX

Full CSS support for JSX without compromises

README

styled-jsx

build status

Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client).

Code and docs are for v3 which we highly recommend you to try. Looking for styled-jsx v2? Switch to the v2 branch.

  - [optimizeForSpeed](#optimizeforspeed)
  - [sourceMaps](#sourcemaps)
  - [styleModule](#stylemodule)
  - [vendorPrefixes](#vendorprefixes)
  - [Via className toggling](#via-classname-toggling)
  - [Via inline style](#via-inline-style)
  - [The resolve tag](#the-resolve-tag)
- FAQ
  - [Warning: unknown jsx prop on <style> tag](#warning-unknown-jsx-prop-on-style-tag)

Getting started


Firstly, install the package:

  1. ```bash
  2. npm install --save styled-jsx
  3. ```

Next, add styled-jsx/babel to plugins in your babel configuration:

  1. ```json
  2. {
  3.   "plugins": ["styled-jsx/babel"]
  4. }
  5. ```

Now add `