https://github.com/quartz/chartbuilder-ui

React components used in Quartz Chartbuilder
https://github.com/quartz/chartbuilder-ui

Last synced: about 1 year ago
JSON representation

React components used in Quartz Chartbuilder

• Host: GitHub
• URL: https://github.com/quartz/chartbuilder-ui
• Owner: Quartz
• Created: 2015-06-22T22:14:03.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2017-06-22T14:29:44.000Z (about 9 years ago)
• Last Synced: 2025-04-18T20:07:08.562Z (about 1 year ago)
• Language: JavaScript
• Homepage: http://quartz.github.io/chartbuilder-ui/
• Size: 3.44 MB
• Stars: 41
• Watchers: 39
• Forks: 9
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
### Chartbuilder UI React components

React components that make up the UI for [Quartz Chartbuilder](https://github.com/Quartz/Chartbuilder).

Here's a dead-simple [demo page](http://quartz.github.io/chartbuilder-ui/).

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](Example.jsx) shows how each

component ought to be used.