Monochrome

Monochrome is a React component library that offers highly stylable UI controls.

Usage

Import components:

// Import component
import {Form} from 'monochrome';
// Import CSS stylesheet
import 'monochrome/dist/main.css';

Import stylesheet in Sass:

@import 'node_modules/monochrome/src/main';

Developing

Run flow type checking

npm run flow

Documentation

Basic Building Blocks

• CheckBox
• Draggable
• Dropdown
• Label
• Popover
• RadioBox
• Slider
• TextBox
• Toggle

UI Management

• DragDropList
• FloatPanel
• PanelDocker

Declarative UI

• Form
• MetricsCard
• PlaybackControl
• Table · TreeTable