-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.js
24 lines (21 loc) · 888 Bytes
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withInfo } from '@storybook/addon-info';
import Checkbox, { PureCheckbox } from '@ichef/gypcrete/src/Checkbox';
import getPropTables from 'utils/getPropTables';
import BasicCheckboxExample from './BasicCheckbox';
import CheckboxWithIndeterminateExample from './CheckboxWithIndeterminate';
import CheckboxWithStatusExample from './CheckboxWithStatus';
storiesOf('@ichef/gypcrete|Checkbox', module)
.add('basic usage',
withInfo()(BasicCheckboxExample)
)
.add('indeterminate state',
withInfo('`Check all` indeterminate state is interacting with `item 1` and `item 2`.')(
() => <CheckboxWithIndeterminateExample />
)
)
.add('with status',
withInfo()(CheckboxWithStatusExample)
)
.add('props', getPropTables([PureCheckbox, Checkbox]));