Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including chartbuilder-ui with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. var chartbuilderUi = require("chartbuilder-ui")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

chartbuilder-ui v1.7.0

React components used in chartbuilder

Chartbuilder UI React components

React components that make up the UI for Quartz Chartbuilder.

Here's a dead-simple demo page.

To use in your React project:

  1. npm install chartbuilder-ui
  2. require any of the components defined by Chartbuilder UI.

Chartbuilder UI's components:

  • Alert
  • Button
  • ButtonGroup
  • ColorPicker
  • Dropdown
  • TextArea
  • TextInput
  • LabelledTangle
  • Toggle

Developing locally:

  • Clone this repo and run npm install

To view an example page and develop locally:

1. `npm run dev` to watch files for changes
2. `npm start` to launch a simple http server
3. Navigate to `localhost:8080`

To build the css that modules using Chartbuilder UI will consume:

npm run build

More docs are coming. For now, Example.jsx shows how each component ought to be used.


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free