react-toolbox/docs/app/components/layout/main/modules/components.js

// Documentation files
import AppBar from 'react-toolbox/app_bar/readme';
import Autocomplete from 'react-toolbox/autocomplete/readme';
import Button from 'react-toolbox/button/readme';
import Card from 'react-toolbox/card/readme';
import Checkbox from 'react-toolbox/checkbox/readme';
import DatePicker from 'react-toolbox/date_picker/readme';
import Dialog from 'react-toolbox/dialog/readme';
import Drawer from 'react-toolbox/drawer/readme';
import Dropdown from 'react-toolbox/dropdown/readme';
import FontIcon from 'react-toolbox/font_icon/readme';
import Form from 'react-toolbox/form/readme';
import Input from 'react-toolbox/input/readme';
import Link from 'react-toolbox/link/readme';
import List from 'react-toolbox/list/readme';
import Menu from 'react-toolbox/menu/readme';
import Navigation from 'react-toolbox/navigation/readme';
import ProgressBar from 'react-toolbox/progress_bar/readme';
import RadioGroup from 'react-toolbox/radio/readme';
import Slider from 'react-toolbox/slider/readme';
import Snackbar from 'react-toolbox/snackbar/readme';
import Switch from 'react-toolbox/switch/readme';
import Tabs from 'react-toolbox/tabs/readme';
import TimePicker from 'react-toolbox/time_picker/readme';

// Examples for the Playground
import ButtonExample1 from './examples/button_example_1.txt';
import AutocompleteExample1 from './examples/autocomplete_example_1.txt';

export default {
  app_bar: {
    name: 'App Bar',
    docs: AppBar,
    path: '/components/app_bar'
  },
  autocomplete: {
    name: 'Autocomplete',
    docs: Autocomplete,
    path: '/components/autocomplete',
    examples: [AutocompleteExample1]
  },
  button: {
    name: 'Button',
    docs: Button,
    path: '/components/button',
    examples: [ButtonExample1]
  },
  card: {
    name: 'Card',
    docs: Card,
    path: '/components/card'
  },
  checkbox: {
    name: 'Checkbox',
    docs: Checkbox,
    path: '/components/checkbox'
  },
  date_picker: {
    name: 'Date Picker',
    docs: DatePicker,
    path: '/components/date_picker'
  },
  dialog: {
    name: 'Dialog',
    docs: Dialog,
    path: '/components/dialog'
  },
  drawer: {
    name: 'Drawer',
    docs: Drawer,
    path: '/components/drawer'
  },
  dropdown: {
    name: 'Dropdown',
    docs: Dropdown,
    path: '/components/dropdown'
  },
  font_icon: {
    name: 'Font Icon',
    docs: FontIcon,
    path: '/components/font_icon'
  },
  form: {
    name: 'Form',
    docs: Form,
    path: '/components/form'
  },
  input: {
    name: 'Input',
    docs: Input,
    path: '/components/input'
  },
  link: {
    name: 'Link',
    docs: Link,
    path: '/components/link'
  },
  list: {
    name: 'List',
    docs: List,
    path: '/components/list'
  },
  menu: {
    name: 'Menu',
    docs: Menu,
    path: '/components/menu'
  },
  navigation: {
    name: 'Navigation',
    docs: Navigation,
    path: '/components/navigation'
  },
  progress_bar: {
    name: 'Progress Bar',
    docs: ProgressBar,
    path: '/components/progress_bar'
  },
  radio_group: {
    name: 'Radio Group',
    docs: RadioGroup,
    path: '/components/radio_group'
  },
  slider: {
    name: 'Slider',
    docs: Slider,
    path: '/components/slider'
  },
  snackbar: {
    name: 'Snackbar',
    docs: Snackbar,
    path: '/components/snackbar'
  },
  switch: {
    name: 'Switch',
    docs: Switch,
    path: '/components/switch'
  },
  tabs: {
    name: 'Tabs',
    docs: Tabs,
    path: '/components/tabs'
  },
  time_picker: {
    name: 'Time Picker',
    docs: TimePicker,
    path: '/components/time_picker'
  }
};