@flexis/ui
Version:
Styleless React Components
42 lines • 4.1 kB
JavaScript
import React from 'react';
var _createElement = React.createElement;
import { action } from '@storybook/addon-actions';
import { storiesOf } from '../../helpers/stories';
import Menu, { MenuItem, MenuItemSeparator, MenuButton } from './';
export var stylableApi = "\nStylable API\n---\n- ::button\n- ::item\n- ::itemSeparator\n";
export var events = {
onClick: action('click'),
onFocus: action('focus'),
onBlur: action('blur')
};
export default storiesOf('Menu', module).addParameters({
info: stylableApi
}).add('with items', function () {
return _createElement(Menu, {
style: {
width: '10rem'
}
}, _createElement(MenuItem, null, _createElement(MenuButton, events, "Menu item #1")), _createElement(MenuItem, null, _createElement(MenuButton, events, "Menu item #2")), _createElement(MenuItem, null, _createElement(MenuButton, events, "Menu item #3")));
}).add('with separator', function () {
return _createElement(Menu, {
style: {
width: '10rem'
}
}, _createElement(MenuItem, null, _createElement(MenuButton, events, "Menu item #1")), _createElement(MenuItemSeparator, {
style: {
minHeight: '1em'
}
}), _createElement(MenuItem, null, _createElement(MenuButton, events, "Menu item #2")), _createElement(MenuItem, null, _createElement(MenuButton, events, "Menu item #3")));
}).add('with items and submenu', function () {
return _createElement(Menu, {
style: {
width: '10rem'
}
}, _createElement(MenuItem, null, _createElement(MenuButton, events, "Menu item #1")), _createElement(MenuItem, null, _createElement(MenuButton, events, "Menu item #2")), _createElement(MenuItem, null, _createElement(Menu, {
style: {
width: '10rem',
marginLeft: '4rem'
}
}, _createElement(MenuItem, null, _createElement(MenuButton, events, "Menu item #1")), _createElement(MenuItem, null, _createElement(MenuButton, events, "Menu item #2")))));
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lbnUvTWVudS5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQVAsTUFBa0IsT0FBbEI7O0FBQ0EsU0FDQyxNQURELFFBRU8sMEJBRlA7QUFHQSxTQUNDLFNBREQsUUFFTyx1QkFGUDtBQUdBLE9BQU8sSUFBUCxJQUNDLFFBREQsRUFFQyxpQkFGRCxFQUdDLFVBSEQsUUFJTyxJQUpQO0FBTUEsT0FBTyxJQUFNLFdBQVcsbUVBQWpCO0FBUVAsT0FBTyxJQUFNLE1BQU0sR0FBRztBQUNyQixFQUFBLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBRCxDQURNO0FBRXJCLEVBQUEsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFELENBRk07QUFHckIsRUFBQSxNQUFNLEVBQUcsTUFBTSxDQUFDLE1BQUQ7QUFITSxDQUFmO0FBTVAsZUFBZSxTQUFTLENBQUMsTUFBRCxFQUFTLE1BQVQsQ0FBVCxDQUNiLGFBRGEsQ0FDQztBQUNkLEVBQUEsSUFBSSxFQUFFO0FBRFEsQ0FERCxFQUliLEdBSmEsQ0FLYixZQUxhLEVBTWI7QUFBQSxTQUNDLGVBQUMsSUFBRDtBQUFNLElBQUEsS0FBSyxFQUFFO0FBQUUsTUFBQSxLQUFLLEVBQUU7QUFBVDtBQUFiLEtBQ0MsZUFBQyxRQUFELFFBQ0MsZUFBQyxVQUFELEVBQWdCLE1BQWhCLGlCQURELENBREQsRUFNQyxlQUFDLFFBQUQsUUFDQyxlQUFDLFVBQUQsRUFBZ0IsTUFBaEIsaUJBREQsQ0FORCxFQVdDLGVBQUMsUUFBRCxRQUNDLGVBQUMsVUFBRCxFQUFnQixNQUFoQixpQkFERCxDQVhELENBREQ7QUFBQSxDQU5hLEVBMEJiLEdBMUJhLENBMkJiLGdCQTNCYSxFQTRCYjtBQUFBLFNBQ0MsZUFBQyxJQUFEO0FBQU0sSUFBQSxLQUFLLEVBQUU7QUFBRSxNQUFBLEtBQUssRUFBRTtBQUFUO0FBQWIsS0FDQyxlQUFDLFFBQUQsUUFDQyxlQUFDLFVBQUQsRUFBZ0IsTUFBaEIsaUJBREQsQ0FERCxFQU1DLGVBQUMsaUJBQUQ7QUFBbUIsSUFBQSxLQUFLLEVBQUU7QUFBRSxNQUFBLFNBQVMsRUFBRTtBQUFiO0FBQTFCLElBTkQsRUFPQyxlQUFDLFFBQUQsUUFDQyxlQUFDLFVBQUQsRUFBZ0IsTUFBaEIsaUJBREQsQ0FQRCxFQVlDLGVBQUMsUUFBRCxRQUNDLGVBQUMsVUFBRCxFQUFnQixNQUFoQixpQkFERCxDQVpELENBREQ7QUFBQSxDQTVCYSxFQWlEYixHQWpEYSxDQWtEYix3QkFsRGEsRUFtRGI7QUFBQSxTQUNDLGVBQUMsSUFBRDtBQUFNLElBQUEsS0FBSyxFQUFFO0FBQUUsTUFBQSxLQUFLLEVBQUU7QUFBVDtBQUFiLEtBQ0MsZUFBQyxRQUFELFFBQ0MsZUFBQyxVQUFELEVBQWdCLE1BQWhCLGlCQURELENBREQsRUFNQyxlQUFDLFFBQUQsUUFDQyxlQUFDLFVBQUQsRUFBZ0IsTUFBaEIsaUJBREQsQ0FORCxFQVdDLGVBQUMsUUFBRCxRQUNDLGVBQUMsSUFBRDtBQUFNLElBQUEsS0FBSyxFQUFFO0FBQUUsTUFBQSxLQUFLLEVBQUUsT0FBVDtBQUFrQixNQUFBLFVBQVUsRUFBRTtBQUE5QjtBQUFiLEtBQ0MsZUFBQyxRQUFELFFBQ0MsZUFBQyxVQUFELEVBQWdCLE1BQWhCLGlCQURELENBREQsRUFNQyxlQUFDLFFBQUQsUUFDQyxlQUFDLFVBQUQsRUFBZ0IsTUFBaEIsaUJBREQsQ0FORCxDQURELENBWEQsQ0FERDtBQUFBLENBbkRhLENBQWYiLCJzb3VyY2VSb290IjoiIn0=