2019-07-18 08:00:54 +00:00
|
|
|
import React from 'react'
|
|
|
|
import { storiesOf } from '@storybook/react'
|
|
|
|
import { withKnobs, boolean} from '@storybook/addon-knobs/react';
|
|
|
|
import withReadme from 'storybook-readme/with-readme';
|
|
|
|
import Readme from './README.md';
|
|
|
|
import Section from '../../../.storybook/decorators/section';
|
|
|
|
import { ComboBox } from 'asc-web-components'
|
|
|
|
|
2019-07-26 09:02:08 +00:00
|
|
|
let options = [
|
2019-07-18 08:00:54 +00:00
|
|
|
{
|
2019-07-26 09:02:08 +00:00
|
|
|
key: '0',
|
2019-07-30 13:49:33 +00:00
|
|
|
label: '25 per page'
|
2019-07-18 08:00:54 +00:00
|
|
|
},
|
|
|
|
{
|
2019-07-26 09:02:08 +00:00
|
|
|
key: '1',
|
2019-07-18 08:00:54 +00:00
|
|
|
label: '50 per page',
|
|
|
|
},
|
|
|
|
{
|
2019-07-26 09:02:08 +00:00
|
|
|
key: '2',
|
2019-07-30 13:49:33 +00:00
|
|
|
label: '100 per page'
|
2019-07-18 08:00:54 +00:00
|
|
|
}
|
|
|
|
];
|
|
|
|
|
|
|
|
storiesOf('Components|Input', module)
|
|
|
|
.addDecorator(withKnobs)
|
|
|
|
.addDecorator(withReadme(Readme))
|
|
|
|
.add('combo box', () => (
|
|
|
|
<Section>
|
|
|
|
<ComboBox
|
2019-07-26 09:02:08 +00:00
|
|
|
options={options}
|
2019-07-18 08:00:54 +00:00
|
|
|
isDisabled={boolean('isDisabled', false)}
|
2019-07-26 09:02:08 +00:00
|
|
|
withBorder={boolean('withBorder', true)}
|
2019-07-18 08:00:54 +00:00
|
|
|
/>
|
|
|
|
</Section>
|
|
|
|
));
|