wix-style-react
Version:
wix-style-react
114 lines (77 loc) • 3.77 kB
JavaScript
'use strict';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _react3 = require('@storybook/react');
var _Markdown = require('wix-storybook-utils/Markdown');
var _Markdown2 = _interopRequireDefault(_Markdown);
var _AutoDocs = require('wix-storybook-utils/AutoDocs');
var _AutoDocs2 = _interopRequireDefault(_AutoDocs);
var _TabbedView = require('wix-storybook-utils/TabbedView');
var _TabbedView2 = _interopRequireDefault(_TabbedView);
var _CodeExample = require('wix-storybook-utils/CodeExample');
var _CodeExample2 = _interopRequireDefault(_CodeExample);
var _READMETESTKIT = require('../../../src/Tooltip/README.TESTKIT.md');
var _READMETESTKIT2 = _interopRequireDefault(_READMETESTKIT);
var _Tooltip = require('!raw-loader!wix-style-react/Tooltip/Tooltip');
var _Tooltip2 = _interopRequireDefault(_Tooltip);
var _ExamplePlacement = require('./ExamplePlacement');
var _ExamplePlacement2 = _interopRequireDefault(_ExamplePlacement);
var _ExamplePlacement3 = require('!raw-loader!./ExamplePlacement');
var _ExamplePlacement4 = _interopRequireDefault(_ExamplePlacement3);
var _ExampleBounce = require('./ExampleBounce');
var _ExampleBounce2 = _interopRequireDefault(_ExampleBounce);
var _ExampleBounce3 = require('!raw-loader!./ExampleBounce');
var _ExampleBounce4 = _interopRequireDefault(_ExampleBounce3);
var _ExampleTheme = require('./ExampleTheme');
var _ExampleTheme2 = _interopRequireDefault(_ExampleTheme);
var _ExampleTheme3 = require('!raw-loader!./ExampleTheme');
var _ExampleTheme4 = _interopRequireDefault(_ExampleTheme3);
var _ExampleCustomContent = require('./ExampleCustomContent');
var _ExampleCustomContent2 = _interopRequireDefault(_ExampleCustomContent);
var _ExampleCustomContent3 = require('!raw-loader!./ExampleCustomContent');
var _ExampleCustomContent4 = _interopRequireDefault(_ExampleCustomContent3);
var _ExampleMove = require('./ExampleMove');
var _ExampleMove2 = _interopRequireDefault(_ExampleMove);
var _ExampleMove3 = require('!raw-loader!./ExampleMove');
var _ExampleMove4 = _interopRequireDefault(_ExampleMove3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
(0, _react3.storiesOf)('Core', module).add('Tooltip', function () {
return _react2.default.createElement(
_TabbedView2.default,
{ tabs: ['API', 'TestKits'] },
_react2.default.createElement(
'div',
null,
_react2.default.createElement(_AutoDocs2.default, { source: _Tooltip2.default }),
_react2.default.createElement(
_CodeExample2.default,
{ title: 'Tooltip Placement', code: _ExamplePlacement4.default },
_react2.default.createElement(_ExamplePlacement2.default, null)
),
_react2.default.createElement(
_CodeExample2.default,
{ title: 'Tooltip Bounce', code: _ExampleBounce4.default },
_react2.default.createElement(_ExampleBounce2.default, null)
),
_react2.default.createElement(
_CodeExample2.default,
{ title: 'Tooltip Theme', code: _ExampleTheme4.default },
_react2.default.createElement(_ExampleTheme2.default, null)
),
_react2.default.createElement(
_CodeExample2.default,
{
title: 'Tooltip Custom Content',
code: _ExampleCustomContent4.default
},
_react2.default.createElement(_ExampleCustomContent2.default, null)
),
_react2.default.createElement(
_CodeExample2.default,
{ title: 'Custom tooltip adjustment', code: _ExampleMove4.default },
_react2.default.createElement(_ExampleMove2.default, null)
)
),
_react2.default.createElement(_Markdown2.default, { source: _READMETESTKIT2.default })
);
});