@roo-ui/components
Version:
57 lines (46 loc) • 1.52 kB
JavaScript
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _react3 = require('@storybook/react');
var _storybookReadme = require('storybook-readme');
var _ = require('..');
var _Dropdown = require('./Dropdown');
var _Dropdown2 = _interopRequireDefault(_Dropdown);
var _README = require('./README.md');
var _README2 = _interopRequireDefault(_README);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/* eslint-disable no-console */
(0, _react3.storiesOf)('Components|Dropdown', module).addDecorator((0, _storybookReadme.withDocs)(_README2.default)).add('default', function () {
return _react2.default.createElement(
_Dropdown2.default,
null,
'Options',
_react2.default.createElement(_.Icon, { name: 'moreVert' }),
_react2.default.createElement(
_Dropdown2.default.item,
{ onClick: function onClick() {
return console.log('Edit');
} },
'Edit'
),
_react2.default.createElement(
_Dropdown2.default.item,
{ onClick: function onClick() {
return console.log('Unpublish');
} },
'Unpublish'
),
_react2.default.createElement(
_Dropdown2.default.item,
{ onClick: function onClick() {
return console.log('Duplicate');
} },
'Duplicate'
),
_react2.default.createElement(
_Dropdown2.default.item,
{ is: _.Link, href: 'http://qantas.com/' },
'Go to Qantas.com'
)
);
});
;