React components using Pure CSS.

npm install react-pure

React is also required as a peer dependency.

You can download UMD builds from the dist folder.
The components are accessible in the window.ReactPure object.

The components documented below are exposed as CommonJS modules and can be accessed in the following ways:

// ES6
import { Button, Cell } from 'react-pure';

// CommonJS
var Button = require('react-pure').Button;
// or
var Pure = require('react-pure');
var Button = Pure.Button;

// Direct access to the module
var Button = require('react-pure/lib/Button');

Pure CSS reference

• active: bool (optional, defaults to false): adds the pure-button-active class.
• disabled: bool (optional, defaults to false): adds the pure-button-disabled class.
• primary: bool (optional, defaults to false): adds the pure-button-primary class.
• href: string (optional): if set, renders a <a> element instead of <button>.

A Cell is an element of a Pure CSS Grid

• size: string (optional, defaults to 1): adds the pure-u-{size} class. You can use the / separator instead of -, ex: <Cell size='1/3'>.
• sm: string (optional): adds the pure-u-sm-{sm} class.
• md: string (optional): adds the pure-u-md-{md} class.
• lg: string (optional): adds the pure-u-lg-{lg} class.
• xl: string (optional): adds the pure-u-xl-{xl} class.

Pure CSS reference

• horizontal: bool (optional, defaults to false): adds the pure-menu-horizontal class.
• scrollable: bool (optional, defaults to false): adds the pure-menu-scrollable class.

Renders a <li> node with the pure-menu-item class by default.

• allowHover: bool (optional, defaults to false): adds the pure-menu-allow-hover class.
• disabled: bool (optional, defaults to false): adds the pure-menu-disabled class.
• hasChildren: bool (optional, defaults to false): adds the pure-menu-has-children class.
• selected: bool (optional, defaults to false): adds the pure-menu-selected class.

Pure CSS reference

• bordered: bool (optional, defaults to false): adds the pure-table-bordered class.
• horizontal: bool (optional, defaults to false): adds the pure-table-horizontal class.
• striped: bool (optional, defaults to false): adds the pure-table-striped class.

See CHANGELOG file.

Apache 2.0
Copyright 2015 Hailo
See LICENSE file.