Installation
yarn add benefit-react
Setup transpilation
Set the jsx pragma at the top of your source file where you intend to use benefit-react
.
Similar to a comment containing linter configuration, this configures the jsx babel plugin to use the
jsx
function instead ofReact.createElement
.
Import the jsx
function from benefit-react
/** @jsx jsx */
Now, you're free to use any available utility classes to style your components
/** @jsx jsx */ { return <div className="p-4 bg-orange-300 rounded"> <p className="p-4 bg-white shadow rounded-sm"> Williamsburg stumptown iPhone gastropub vegan banh mi microdosingpost-ironic pok pok +1 bespoke dreamcatcher bushwick brunch </p> </div> }