2015-10-11 20:07:09 +03:00
|
|
|
import React from 'react';
|
|
|
|
import ReactDOM from 'react-dom';
|
2015-10-11 22:17:12 +03:00
|
|
|
|
2015-10-11 20:07:09 +03:00
|
|
|
import Autocomplete from './components/autocomplete';
|
|
|
|
import Button from './components/button';
|
|
|
|
import Card from './components/card';
|
|
|
|
import Checkbox from './components/checkbox';
|
|
|
|
import Dialog from './components/dialog';
|
|
|
|
import Drawer from './components/drawer';
|
2015-10-11 22:17:12 +03:00
|
|
|
import Dropdown from './components/dropdown';
|
2015-10-11 20:07:09 +03:00
|
|
|
import Input from './components/input';
|
2015-10-11 22:17:12 +03:00
|
|
|
import Pickers from './components/pickers';
|
2015-10-11 20:07:09 +03:00
|
|
|
import Progress from './components/progress';
|
|
|
|
import RadioGroup from './components/radio_group';
|
|
|
|
import Slider from './components/slider';
|
|
|
|
import Switch from './components/switch';
|
2015-10-02 18:39:26 +03:00
|
|
|
// import FontIcon from './components/font_icon';
|
|
|
|
// import Form from './components/form';
|
|
|
|
// import Tabs from './components/tabs';
|
2015-09-21 11:01:52 +03:00
|
|
|
|
|
|
|
const Test = React.createClass({
|
|
|
|
displayName: 'App',
|
|
|
|
|
|
|
|
render () {
|
|
|
|
return (
|
2015-10-06 08:43:11 +03:00
|
|
|
<app data-react-toolbox-app>
|
2015-10-10 06:26:21 +03:00
|
|
|
<h1>React Toolbox</h1>
|
|
|
|
<h3>Component Spec v0.10.9</h3>
|
2015-10-11 20:07:09 +03:00
|
|
|
<Autocomplete />
|
|
|
|
<Button />
|
|
|
|
<Card />
|
|
|
|
<Checkbox />
|
|
|
|
<Dialog />
|
|
|
|
<Drawer />
|
|
|
|
<Dropdown />
|
|
|
|
<Input />
|
2015-10-10 21:06:16 +03:00
|
|
|
<Pickers />
|
2015-10-11 20:07:09 +03:00
|
|
|
<Progress />
|
|
|
|
<RadioGroup />
|
|
|
|
<Slider />
|
|
|
|
<Switch />
|
2015-09-21 11:01:52 +03:00
|
|
|
</app>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2015-10-11 20:07:09 +03:00
|
|
|
ReactDOM.render(<Test/>, document.getElementById('toolbox-test'));
|