UNPKG

@roo-ui/components

Version:

130 lines (119 loc) 2.98 kB
'use strict'; var _react = require('react'); var _react2 = _interopRequireDefault(_react); var _react3 = require('@storybook/react'); var _storybookReadme = require('storybook-readme'); var _react4 = require('@storybook/addon-knobs/react'); var _ = require('..'); var _README = require('./README.md'); var _README2 = _interopRequireDefault(_README); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var flatList = function flatList(props) { return _react2.default.createElement( _.Box, { textAlign: 'left' }, _react2.default.createElement( _.List, props, _react2.default.createElement( _.ListItem, null, 'Russo-European Laika' ), _react2.default.createElement( _.ListItem, null, 'St. John\'s Water Dog' ), _react2.default.createElement( _.ListItem, null, 'Georgian Shepherd Dog' ), _react2.default.createElement( _.ListItem, null, 'Miniature Schnauzer' ), _react2.default.createElement( _.ListItem, null, 'Transylvanian Hound' ), _react2.default.createElement( _.ListItem, null, 'Leonberger' ), _react2.default.createElement( _.ListItem, null, 'Majorca Shepherd Dog' ), _react2.default.createElement( _.ListItem, null, 'Nova Scotia Duck Tolling Retriever' ), _react2.default.createElement( _.ListItem, null, 'German Roughhaired Pointer' ), _react2.default.createElement( _.ListItem, null, 'Poodle' ) ) ); }; (0, _react3.storiesOf)('Components|List', module).addDecorator((0, _storybookReadme.withDocs)(_README2.default)).add('default', function () { return flatList({ ordered: (0, _react4.boolean)('Ordered', false), flush: (0, _react4.boolean)('Flush', false) }); }).add('columns', function () { return flatList({ ordered: (0, _react4.boolean)('Ordered', false), columns: (0, _react4.array)('Columns', [1, 2, 3]) }); }).add('nested', function () { return _react2.default.createElement( _.Box, { textAlign: 'left' }, _react2.default.createElement( _.List, null, _react2.default.createElement( _.ListItem, null, 'Coffee' ), _react2.default.createElement( _.ListItem, null, 'Tea', _react2.default.createElement( _.List, null, _react2.default.createElement( _.ListItem, null, 'Black tea' ), _react2.default.createElement( _.ListItem, null, 'Green tea' ) ) ), _react2.default.createElement( _.ListItem, null, 'Milk' ) ) ); });