From 1d2c33fc8990004457498aa48bb55833ef71cf56 Mon Sep 17 00:00:00 2001 From: Georgiana Gligor Date: Tue, 3 Nov 2015 12:50:32 +0200 Subject: [PATCH] fix rect typo --- website/data.js | 2 +- website/index.html | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/website/data.js b/website/data.js index d0f7bed..e0bce7b 100644 --- a/website/data.js +++ b/website/data.js @@ -1,5 +1,5 @@ module.exports = { - title: 'Rect-Pure', + title: 'React-Pure', routes: [ '/' ] diff --git a/website/index.html b/website/index.html index 12106a8..88afbf3 100644 --- a/website/index.html +++ b/website/index.html @@ -1,4 +1,4 @@ -Rect-Pure

react-pure

React components using Pure CSS.

Installation

npm + browserify/webpack

+React-Pure

react-pure

React components using Pure CSS.

Installation

npm + browserify/webpack

 npm install react-pure

React is also required as a peer dependency.

Others

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

Usage

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

 // ES6
 import { Button, Cell } from 'react-pure';
@@ -10,4 +10,4 @@
 var Button = Pure.Button;
 
 // Direct access to the module
-var Button = require('react-pure/lib/Button');

Components

Button

Pure CSS reference

Properties

  • 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, defaults to false): if set, renders a <a> element instead of <button>.

Cell

A Cell is an element of a Pure CSS Grid.

Properties

  • 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.

Menu

Pure CSS reference

Properties

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

MenuItem

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

Properties

  • 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.

Table

Pure CSS reference

Properties

  • bordered: bool (optional, defaults to false): adds the pure-menu-bordered class.
  • horizontal: bool (optional, defaults to false): adds the pure-menu-horizontal class.
  • striped: bool (optional, defaults to false): adds the pure-menu-striped class.
\ No newline at end of file +var Button = require('react-pure/lib/Button');

Components

Button

Pure CSS reference

Properties

Cell

A Cell is an element of a Pure CSS Grid.

Properties

Menu

Pure CSS reference

Properties

MenuItem

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

Properties

Table

Pure CSS reference

Properties