React Playground styled
This component renders JSX in a code editor to be live evaluated in a viewer component. This viewer is intended to be used with styled components as it allows theme variables to propagate into the playground.
Install
npm install --save react-playgrond-styled
Usage
<Playground defaultValue='<button>click</button>'/>
Will render a code editor on the right with the content <button>click</button>
and a DOM button will appear on the left.
Thanks
This component was developed at NCR Edinburgh.