DocSpace-buildtools/web/ASC.Web.Storybook/stories/label/base/index.stories.js
2019-08-13 11:39:16 +03:00

29 lines
919 B
JavaScript

import React from 'react';
import { storiesOf } from '@storybook/react';
import { text, boolean, withKnobs } from '@storybook/addon-knobs/react';
import { Label } from 'asc-web-components';
import Section from '../../../.storybook/decorators/section';
import withReadme from 'storybook-readme/with-readme';
import Readme from './README.md';
storiesOf('Components|Label', module)
.addDecorator(withKnobs)
.addDecorator(withReadme(Readme))
.add('base', () => {
return (
<Section>
<Label
isRequired={boolean('isRequired', false)}
error={boolean('error', false)}
isInline={boolean('isInline', false)}
title={text('title', 'Fill the first name field')}
truncate={boolean('truncate', false)}
htmlFor={text('htmlFor')}
text={text('text', 'First name:')}
display={text('display')}
/>
</Section>
)
});