Home

Awesome

matter-react

Matter components rebuilt in React.

Installation

npm install matter-react

You can also use Duo to require Matter straight from Github:

import Matter from 'stevenmiller888/matter-react';

Or you can download the files directly.

Usage

import { Button } from 'stevenmiller888/matter-react';
import React from 'facebook/react';

React.render(<Button/>, document.body);

Components

Button

<Button label="Default" size="small" type="default" />

Code

<Code language='javascript'>
{`
var Git = require('gity');

var git = Git()
  .add('*.js')
  .commit('-m "added js files"')
  .run();
`}
</Code>

Menu

let sections = ['Home', 'Profile', 'Messages', 'Notifications'];

<Menu onChange={ change } items={ sections } />

Table

let people = [
  ['Full Name', 'Age'], // header row
  ['Steven Miller', '25'],
  ['Tamara Jordan', '23'],
  ['John Smith', '28']
];

<Table rows={ people } />

Text Field

<TextField placeholder='e.g. Steven Miller' />

Grid

<Grid>
  // ... children
</Grid>

License

MIT