@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
50 lines • 2.13 kB
JavaScript
// REACT
import * as React from 'react';
// STORYBOOK
import { storiesOf } from '@storybook/react';
// VENDOR
import styled, { ThemeProvider } from '@xstyled/styled-components';
// COMPONENTS
import { List, Item, Title, Divider } from './';
import { Typography } from '../Typography';
import { Home } from '../Icon';
// README
import * as README from './README.md';
import { RootTheme } from '../theme';
// THEME
const StyledStory = styled('div') `
padding: 2rem 5rem;
`;
storiesOf('Components/List', module)
.addParameters({
readme: {
sidebar: README,
},
})
.add('Default', () => (React.createElement(ThemeProvider, { theme: RootTheme },
React.createElement(StyledStory, null,
React.createElement(Typography, null, "List"),
React.createElement(List, null,
React.createElement(Title, { p: 4 }, "Title 1"),
React.createElement(Item, { m: 0 }, "Item 1"),
React.createElement(Item, null, "Item 2"),
React.createElement(Item, null, "Item 3"),
React.createElement(Item, null, "Item 4"),
React.createElement(Item, null, "Item 5"),
React.createElement(Title, null, "Title 2"),
React.createElement(Item, null, "Item 1"),
React.createElement(Item, null, "Item 2"),
React.createElement(Item, null, "Item 3"),
React.createElement(Item, null, "Item 4"),
React.createElement(Item, null, "Item 5"),
React.createElement(Divider, { mb: 4 }),
React.createElement(Item, null, "Item 4"),
React.createElement(Item, null, "Item 4"),
React.createElement(Divider, null),
React.createElement(Title, null, "Title 2"),
React.createElement(Item, { size: "sm" }, "Item 5"),
React.createElement(Item, { suffix: React.createElement("small", null, "$2.00") }, "Item 6"),
React.createElement(Item, { prefix: React.createElement(Home, { style: {
paddingRight: '16px',
} }) }, "Item 7"))))));
//# sourceMappingURL=List.stories.js.map