const React = require('react');
const {
storiesOf,
// action,
// linkTo
} = require('@kadira/storybook');
const {
Base,
Button,
Container,
Checkbox,
Row,
Column,
Avatar,
Pagination,
RangeSlider,
Select,
Tabs,
Tab,
Toggle,
Widget,
Radio,
RadioGroup
} = require('../src/');
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('Avatar', module)
.add('Avatar Picture', () => (
))
.add('Avatar Text', () => (
));
storiesOf('Button', module)
.add('With text', () => (
)).add('Secondary', () => (
)).add('Disabled', () => (
));
storiesOf('Checkbox', module)
.add('Default', () => (
))
.add('Checked', () => (
))
.add('Disabled', () => (
));
storiesOf('Radio', module)
.add('Default', () => (
Video killed the radio star
))
.add('Checked', () => (
))
.add('Disabled', () => (
));
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('Tabs', module)
.add('Default', () => (
Containers
User
));
storiesOf('Toggle', module)
.add('checked', () => (
))
.add('unchecked', () => (
))
.add('defaultChecked', () => (
))
.add('no props', () => (
));
storiesOf('Widget', module)
.add('single', () => (
Some text
));