2019-07-25 14:29:50 +00:00
|
|
|
import React from 'react';
|
|
|
|
import { storiesOf } from '@storybook/react';
|
|
|
|
import withReadme from 'storybook-readme/with-readme';
|
|
|
|
import { RadioButtonGroup } from 'asc-web-components';
|
|
|
|
import Section from '../../../.storybook/decorators/section';
|
2019-07-25 15:14:52 +00:00
|
|
|
import {withKnobs} from '@storybook/addon-knobs/react';
|
2019-07-25 14:29:50 +00:00
|
|
|
import Readme from './README.md';
|
|
|
|
|
|
|
|
storiesOf('Components|Input', module)
|
|
|
|
.addDecorator(withKnobs)
|
|
|
|
.addDecorator(withReadme(Readme))
|
|
|
|
.add('radio-button-group', () => {
|
|
|
|
console.log('radio box rendering')
|
|
|
|
return (
|
|
|
|
<Section>
|
|
|
|
<>
|
|
|
|
<div> First list</div>
|
2019-07-25 15:14:52 +00:00
|
|
|
<RadioButtonGroup
|
2019-07-25 15:39:25 +00:00
|
|
|
selected='apple'
|
|
|
|
spaceBtwnElems='50'
|
2019-07-25 15:14:52 +00:00
|
|
|
name="test"
|
|
|
|
options={
|
|
|
|
[
|
|
|
|
{ value: 'apple', label: 'Apple' },
|
|
|
|
{ value: 'mandarin', label: 'Mandarin'}
|
|
|
|
]
|
|
|
|
}
|
|
|
|
/>
|
2019-07-25 14:29:50 +00:00
|
|
|
<div> Second list</div>
|
2019-07-25 15:14:52 +00:00
|
|
|
<RadioButtonGroup
|
|
|
|
selected='veh'
|
|
|
|
name="test2"
|
|
|
|
options={
|
|
|
|
[
|
|
|
|
{ value: 'Car' },
|
|
|
|
{ value: 'veh', label: 'Vehicle', disabled: true },
|
|
|
|
{ value: 'veh1', label: 'Vehicle1' },
|
|
|
|
{ value: 'veh2', label: 'Vehicle2', disabled: true }
|
|
|
|
]
|
|
|
|
}
|
|
|
|
/>
|
2019-07-25 14:29:50 +00:00
|
|
|
</>
|
|
|
|
</Section>
|
|
|
|
);
|
|
|
|
});
|