Normalize spec
parent
10c34a7072
commit
b038f704a8
|
@ -23,7 +23,6 @@ export default React.createClass({
|
||||||
return (
|
return (
|
||||||
<section>
|
<section>
|
||||||
<h2>Cards</h2>
|
<h2>Cards</h2>
|
||||||
<h3>Basic properties</h3>
|
|
||||||
<Card title='Default Card' />
|
<Card title='Default Card' />
|
||||||
<Card title='Default Card loading' loading />
|
<Card title='Default Card loading' loading />
|
||||||
<Card type='wide' title='Wide card' />
|
<Card type='wide' title='Wide card' />
|
||||||
|
|
|
@ -14,7 +14,7 @@ export default React.createClass({
|
||||||
return (
|
return (
|
||||||
<section>
|
<section>
|
||||||
<h2>Drawer</h2>
|
<h2>Drawer</h2>
|
||||||
<p style={{marginBottom: '10px'}}>You can navigate using a drawer to the left or right. They can be auto-closable or not.</p>
|
<p>You can navigate using a drawer to the left or right. They can be auto-closable or not.</p>
|
||||||
|
|
||||||
<Drawer ref='left' hideable={true}>
|
<Drawer ref='left' hideable={true}>
|
||||||
<h2>Officia deserunt mollit.</h2>
|
<h2>Officia deserunt mollit.</h2>
|
||||||
|
@ -28,7 +28,7 @@ export default React.createClass({
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<Button className='accent' label='Drawer left hideable' type='raised' onClick={this.onClick.bind(null, 'left', 'show')} />
|
<Button className='accent' label='Drawer left hideable' type='raised' onClick={this.onClick.bind(null, 'left', 'show')} />
|
||||||
<Button className='primary' style={{marginLeft: '20px'}} label='Drawer right' type='raised' onClick={this.onClick.bind(null, 'right', 'show')} />
|
<Button className='primary' label='Drawer right' type='raised' onClick={this.onClick.bind(null, 'right', 'show')} />
|
||||||
</nav>
|
</nav>
|
||||||
</section>
|
</section>
|
||||||
);
|
);
|
||||||
|
|
|
@ -4,10 +4,8 @@
|
||||||
import Button from './components/button';
|
import Button from './components/button';
|
||||||
import Card from './components/card';
|
import Card from './components/card';
|
||||||
import Checkbox from './components/checkbox';
|
import Checkbox from './components/checkbox';
|
||||||
|
import Dialog from './components/dialog';
|
||||||
import Drawer from './components/drawer';
|
import Drawer from './components/drawer';
|
||||||
|
|
||||||
// import Card from './components/card';
|
|
||||||
// import Dialog from './components/dialog';
|
|
||||||
// import Dropdown from './components/dropdown';
|
// import Dropdown from './components/dropdown';
|
||||||
// import FontIcon from './components/font_icon';
|
// import FontIcon from './components/font_icon';
|
||||||
// import Form from './components/form';
|
// import Form from './components/form';
|
||||||
|
@ -22,11 +20,12 @@ const Test = React.createClass({
|
||||||
|
|
||||||
render () {
|
render () {
|
||||||
return (
|
return (
|
||||||
<app data-toolbox-app={true}>
|
<app data-react-toolbox-app>
|
||||||
<h1>React Toolbox</h1>
|
<h1>React Toolbox</h1>
|
||||||
<Checkbox />
|
|
||||||
<Button />
|
<Button />
|
||||||
<Card />
|
<Card />
|
||||||
|
<Checkbox />
|
||||||
|
<Dialog />
|
||||||
<Drawer />
|
<Drawer />
|
||||||
</app>
|
</app>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in New Issue