const React = require('react'); const { storiesOf, action, // linkTo } = require('@kadira/storybook'); const { Base, Button, Container, Checkbox, Row, Column, AddMetric, Avatar, Input, List: { ListItemDescription, ListItemHeader, ListItem, ListItemMeta, ListItemOptions, ListItemOutlet, ListItemSubTitle, ListItemTitle, ListItemView, ListItemGroupView }, MiniMetric, Modal, Notificaton, Pagination, RangeSlider, Select, SelectCustom, Tabs, Tab, Toggle, Tooltip, Widget, Radio, RadioGroup } = require('../src/'); const seed = require('./seed'); const { selectData } = seed; const styles = { base: { backgroundColor: '#FFEBEE' }, row: { backgroundColor: '#EF5350' }, column: { backgroundColor: '#B71C1C', textAlign: 'center', color: 'white' } }; storiesOf('Grid', module) .add('Row and Column', () => ( 1 2 3 )); const profile = 'https://pbs.twimg.com/profile_images/' + '641289584580493312/VBfsPlff_400x400.jpg'; storiesOf('Add Metric', module) .add('Add Metric', () => ( )) .add('Added Metric', () => ( )); storiesOf('Avatar', module) .add('Avatar Picture', () => ( )) .add('Avatar Text', () => ( )); storiesOf('Button', module) .add('With text', () => ( )).add('Secondary', () => ( )).add('Disabled', () => ( )).add('Anchor', () => (
)); storiesOf('Checkbox', module) .add('Default', () => ( )) .add('Checked', () => ( )) .add('Disabled', () => ( )); storiesOf('Radio', module) .add('Default', () => ( Video killed the radio star )) .add('Checked', () => ( )) .add('Disabled', () => ( )); storiesOf('Input', module) .add('Default', () => ( )) .add('type=email', () => ( We'll never share your email with anyone else. )); storiesOf('Modal', module) .add('Default', () => (

This is the Modal

 )); storiesOf('Notificaton', module) .add('Default', () => ( This is the default content )) .add('Success', () => ( This is the success content )) .add('Alert', () => ( This is the alert content )); storiesOf('Pagination', module) .add('Default', () => ( « Previous 1 2 3 )); storiesOf('Radio Group', module) .add('Default', () => ( Video killed the radio star Video killed the radio star Video killed the radio star )); storiesOf('RangeSlider', module) .add('Default', () => ( )); storiesOf('Select', module) .add('Default', () => ( )) .add('multiple', () => ( )); storiesOf('Select Custom', module) .add('Default', () => ( )) .add('Multiple', () => ( )); storiesOf('Tabs', module) .add('Default', () => (

Containers

User

 )); storiesOf('Toggle', module) .add('default', () => ( )) .add('checked', () => ( )) .add('no props', () => ( )); storiesOf('Tooltip', module) .add('default', () => (
  • One
  • Two
  • Three
    •  )) .add('custom position', () => { const arrowPosition = { left: '90%', bottom: '100%' }; return (
  • One
  • Two
  • Three
    •  ); }); storiesOf('Widget', module) .add('single', () => ( england flag

    Some text

     )); const colors = { perc: 'rgba(54, 74, 205, 0.2)', alt: 'rgba(245, 93, 93, 0.2)' }; storiesOf('Metrics', module) .add('Mini Metric', () => ( )); storiesOf('ListItem', module) .add('default', () => ( Nginx 01 4 instances Flags Metrics … )) .add('collapsed', () => ( Nginx 01 4 instances Flags Metrics … )) .add('headed', () => ( Nginx 01 4 instances Flags … Flags Metrics )) .add('headed collapsed', () => ( Nginx 01 4 instances Flags … Flags Metrics )) .add('stacked', () => ( Nginx 01 4 instances Flags Metrics … )) .add('view-group', () => ( Percona 5 instances Flags … percona_database Metrics percona_database 5 instances Metrics ));