@roo-ui/components/dist/esm/List/List.story.js

import React from 'react';
import { storiesOf } from '@storybook/react';
import { withDocs } from 'storybook-readme';
import { boolean, array } from '@storybook/addon-knobs/react';
import { Box, List, ListItem } from '..';
import README from './README.md';

var flatList = function flatList(props) {
  return React.createElement(Box, {
    textAlign: "left"
  }, React.createElement(List, props, React.createElement(ListItem, null, "Russo-European Laika"), React.createElement(ListItem, null, "St. John's Water Dog"), React.createElement(ListItem, null, "Georgian Shepherd Dog"), React.createElement(ListItem, null, "Miniature Schnauzer"), React.createElement(ListItem, null, "Transylvanian Hound"), React.createElement(ListItem, null, "Leonberger"), React.createElement(ListItem, null, "Majorca Shepherd Dog"), React.createElement(ListItem, null, "Nova Scotia Duck Tolling Retriever"), React.createElement(ListItem, null, "German Roughhaired Pointer"), React.createElement(ListItem, null, "Poodle")));
};

storiesOf('Components|List', module).addDecorator(withDocs(README)).add('default', function () {
  return flatList({
    ordered: boolean('Ordered', false),
    flush: boolean('Flush', false)
  });
}).add('columns', function () {
  return flatList({
    ordered: boolean('Ordered', false),
    columns: array('Columns', [1, 2, 3])
  });
}).add('nested', function () {
  return React.createElement(Box, {
    textAlign: "left"
  }, React.createElement(List, null, React.createElement(ListItem, null, "Coffee"), React.createElement(ListItem, null, "Tea", React.createElement(List, null, React.createElement(ListItem, null, "Black tea"), React.createElement(ListItem, null, "Green tea"))), React.createElement(ListItem, null, "Milk")));
});