react-playground-lite

0.0.6 • Public • Published

React Playground Lite

This component renders JSX in a code editor to be live evaluated in a viewer component. The lite component creates a playground with a code mirror editor and is styled via CSS so does not have styled-components as a dependency.

Install

npm install --save react-playgrond-styled

Usage

<ReactPlaygroundLite
  defaultValue={'<button>Click</button>'}
/>

Will render a code editor as text area with the content <button>click</button> and a DOM button will appear in a div while any errors will be rendered in pre element.

Thanks

This component was developed at NCR Edinburgh.

Dependents (0)

Package Sidebar

Install

npm i react-playground-lite

Weekly Downloads

0

Version

0.0.6

License

MIT

Last publish

Collaborators

  • philholden