DocSpace-client/web/ASC.Web.Components/example/stories/text/body/index.stories.js

import React from 'react';
import { storiesOf } from '@storybook/react';
import { text, boolean, withKnobs, select } from '@storybook/addon-knobs/react';
import { Text } from 'asc-web-components';
import Section from '../../../.storybook/decorators/section';
import withReadme from 'storybook-readme/with-readme';
import Readme from './README.md';

const tag = ['p', 'span'];
const color = ['black', 'gray', 'lightGray'];

storiesOf('Components|Text', module)
  .addDecorator(withKnobs)
  .addDecorator(withReadme(Readme))
  .add('body', () => (

    <Section>
      <Text.Body
        title={text('title', '')}
        tag = {select('tag', tag, 'p')}
        truncate={boolean('truncate', false)}
        isDisabled={boolean('isDisabled', false)}
        color={select('color', color, 'black')}
        backgroundColor={boolean('backgroundColor', false)}
        isBold={boolean('isBold', false)}
        isItalic={boolean('isItalic', false)}
        isInline={boolean('isInline', false)}
      >
        {text('Text', 'Sample text Headline')}
      </Text.Body>
    </Section>
  ));