wix-style-react/dist/es/stories/TextArea/index.js

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';

import CodeExample from 'wix-storybook-utils/CodeExample';
import { Title, IncludedComponents, SubTitle, TLDRSection, ExamplesSection } from '../UXStoryTemplate';
import { Layout, Cell } from 'wix-style-react/Layout';

import { storySettings } from './storySettings';

import ExampleBasic from './ExampleBasic';
import ExampleBasicRaw from '!raw-loader!./ExampleBasic';

import ExampleStates from './ExampleStates';
import ExampleStatesRaw from '!raw-loader!./ExampleStates';

import ExampleHeight from './ExampleHeight';
import ExampleHeightRaw from '!raw-loader!./ExampleHeight';

storiesOf(storySettings.category, module).add(storySettings.storyName, function () {
  return React.createElement(
    'div',
    null,
    React.createElement(
      Title,
      null,
      '3.2a Text Area'
    ),
    React.createElement(
      SubTitle,
      null,
      'Text Area let users enter and edit multiline text'
    ),
    React.createElement(IncludedComponents, { componentNames: ['FormField', 'InputArea'] }),
    React.createElement(
      TLDRSection,
      null,
      React.createElement(
        CodeExample,
        { title: 'Text Area', code: ExampleBasicRaw },
        React.createElement(
          Layout,
          null,
          React.createElement(
            Cell,
            { span: 4 },
            React.createElement(ExampleBasic, null)
          )
        )
      )
    ),
    React.createElement(
      ExamplesSection,
      null,
      React.createElement(
        CodeExample,
        { title: 'States', code: ExampleStatesRaw },
        React.createElement(ExampleStates, null)
      ),
      React.createElement(
        CodeExample,
        { title: 'Height', code: ExampleHeightRaw },
        React.createElement(ExampleHeight, null)
      )
    )
  );
});