DocSpace-buildtools/web/ASC.Web.Storybook/stories/text/body/index.stories.js

import React from 'react';
import { storiesOf } from '@storybook/react';
import { text, boolean, withKnobs, color, number, 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 textTags = ['p', 'span', 'div'];

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

    <Section>
      <div style={{ width: "100%" }}>
        <Text.Body
          title={text('title', '')}
          as={select('as', textTags , 'p')}
          fontSize={number('fontSize', 13)}
          fontWeight={number('fontWeight')}
          truncate={boolean('truncate', false)}
          color={color('color', '#333333')}
          backgroundColor={color('backgroundColor', '')}
          isBold={boolean('isBold', false)}
          isItalic={boolean('isItalic', false)}
          isInline={boolean('isInline', false)}
        >
          {text('Text', 'Sample text Headline')}
        </Text.Body>
      </div>
    </Section>
  ));