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

import React from 'react';
import { storiesOf } from '@storybook/react';
import { text, boolean, withKnobs, select, number } 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 elementType = ['h1','h2','h3','p', 'moduleName', 'mainTitle'];
const styleType = ['default','grayBackground','metaInfo'];


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

    return (
    <Section>
      <Text
       elementType={select('elementType', elementType, 'p')}
       styleType={select('styleType', styleType, 'default')}
       title={text('title', '')}
       truncate={boolean('truncate', false)}
       isDisabled={boolean('isDisabled', false)}
        >
        {text('Text', 'Sample text Headline')}  
      </Text>
    </Section>
  )});