Goals

  • Independent — pick and use only the components you need.
  • Styled — default classes from Canvas UI (use is optional).
  • Customizable — properties allow many different settings to adapt to your app.
  • Reliable — each component is rigorously tested.

Getting Started

1. From the command line inside of your project:

  npm install --save reactjs-components react react-gemini-scrollbar canvas-ui

2. Import the component that you want to use:

// es6
import {Modal} from 'reactjs-components';

// es5
var Modal = require('reactjs-components').Modal;
                        

3. Use as if it was any other component:

4. Import LESS files which will add all styles for all components.

  @import "./node_modules/canvas-ui/styles/canvas.less"
  @import (inline) "./node_modules/reactjs-components/lib/index.less"