Matter is a tiny collection of UI components. The components are built with Deku. Check out the website for live examples. A React version is available here.
Matter is available on npm:
npm install matterjs
You can also use Duo to require Matter straight from Github:
import Matter from 'stevenmiller888/matter';
Or you can download the files directly.
import { Button } from 'stevenmiller888/matter';
import element from 'dekujs/virtual-element';
import { deku, render } from 'dekujs/deku';
let app = deku(<Button />);
render(app, document.body);<Button label="Default" size="small" type="default" /><Code language='javascript'>
{`
var Git = require('gity');
var git = Git()
.add('*.js')
.commit('-m "added js files"')
.run();
`}
</Code>let sections = ['Home', 'Profile', 'Messages', 'Notifications'];
<Menu onChange={ change } items={ sections } />let people = [
['Full Name', 'Age'], // header row
['Steven Miller', '25'],
['Tamara Jordan', '23'],
['John Smith', '28']
];
<Table rows={ people } /><TextField placeholder='e.g. Steven Miller' /><Shape kind="circle" color="water" size="small"/><Grid>
// ... children
</Grid>