wix-style-react/dist/es/stories/Dropdown/DropdownStory.js

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';
import { linkTo } from '@storybook/addon-links';

import TextLink from 'wix-style-react/TextLink';
import Markdown from 'wix-storybook-utils/Markdown';
import TabbedView from 'wix-storybook-utils/TabbedView';

import LiveCodeExample from '../utils/Components/LiveCodeExample';

import ExampleRaw from '!raw-loader!./Example';

storiesOf('4. Selection', module).add('4.1 Dropdown', function () {
  return React.createElement(
    TabbedView,
    { tabs: ['Usage'] },
    React.createElement(
      'div',
      null,
      React.createElement(Markdown, {
        source: '\n# 4.1 Dropdown\n\n## Included components\n          '
      }),
      React.createElement(
        'lu',
        null,
        React.createElement(
          'li',
          null,
          React.createElement(
            TextLink,
            {
              onClick: linkTo('Components', 'Dropdown')
            },
            '<Dropdown/>'
          )
        ),
        React.createElement(
          'li',
          null,
          React.createElement(
            TextLink,
            {
              onClick: linkTo('Components', 'FormField')
            },
            '<FormField/>'
          )
        )
      ),
      React.createElement(Markdown, { source: '## Examples' }),
      React.createElement(
        'div',
        { style: { maxWidth: 520 } },
        React.createElement(LiveCodeExample, {
          compact: true,
          title: 'Dropdown within a FormField',
          initialCode: ExampleRaw
        })
      )
    )
  );
});