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

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _react3 = require('@storybook/react');

var _addonLinks = require('@storybook/addon-links');

var _TextLink = require('wix-style-react/TextLink');

var _TextLink2 = _interopRequireDefault(_TextLink);

var _Markdown = require('wix-storybook-utils/Markdown');

var _Markdown2 = _interopRequireDefault(_Markdown);

var _TabbedView = require('wix-storybook-utils/TabbedView');

var _TabbedView2 = _interopRequireDefault(_TabbedView);

var _LiveCodeExample = require('../utils/Components/LiveCodeExample');

var _LiveCodeExample2 = _interopRequireDefault(_LiveCodeExample);

var _Example = require('!raw-loader!./Example');

var _Example2 = _interopRequireDefault(_Example);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(0, _react3.storiesOf)('4. Selection', module).add('4.1 Dropdown', function () {
  return _react2.default.createElement(
    _TabbedView2.default,
    { tabs: ['Usage'] },
    _react2.default.createElement(
      'div',
      null,
      _react2.default.createElement(_Markdown2.default, {
        source: '\n# 4.1 Dropdown\n\n## Included components\n          '
      }),
      _react2.default.createElement(
        'lu',
        null,
        _react2.default.createElement(
          'li',
          null,
          _react2.default.createElement(
            _TextLink2.default,
            {
              onClick: (0, _addonLinks.linkTo)('Components', 'Dropdown')
            },
            '<Dropdown/>'
          )
        ),
        _react2.default.createElement(
          'li',
          null,
          _react2.default.createElement(
            _TextLink2.default,
            {
              onClick: (0, _addonLinks.linkTo)('Components', 'FormField')
            },
            '<FormField/>'
          )
        )
      ),
      _react2.default.createElement(_Markdown2.default, { source: '## Examples' }),
      _react2.default.createElement(
        'div',
        { style: { maxWidth: 520 } },
        _react2.default.createElement(_LiveCodeExample2.default, {
          compact: true,
          title: 'Dropdown within a FormField',
          initialCode: _Example2.default
        })
      )
    )
  );
});