diff --git a/stories/_welcome.stories.js b/stories/_welcome.stories.js index 7d5e7e5e..093a4798 100644 --- a/stories/_welcome.stories.js +++ b/stories/_welcome.stories.js @@ -1,14 +1,11 @@ import React from 'react' -import PropTypes from 'prop-types' import { storiesOf } from '@storybook/react' import { StateDecorator, Store } from '@sambego/storybook-state' -import { Box, Flex } from 'rebass' +import { Flex } from 'rebass' import { - Bar, Button, Dropdown, Form, - Heading, Input, Label, LightningInvoiceInput, @@ -18,22 +15,7 @@ import { TextArea, Toggle } from 'components/UI' - -const Column = props => -const Group = ({ title, children }) => ( - - - {title} - - - {children} - -) -Group.propTypes = { - title: PropTypes.string, - children: PropTypes.node -} -const Element = props => +import { Column, Group, Element } from './helpers' const store = new Store({ crypto: 'btc', @@ -73,9 +55,8 @@ storiesOf('Welcome', module) .addWithChapters('Zap Style Guide', { subtitle: 'Reusable components for Zap Desktop.', info: `The Zap style guide showcases and documents our library of reusable React components. Below is a sample of - three components. You can can full details of each component using the navigation on the left. - - Use the Theme Picker in the bottom panel to view components in one of our alternate themes.`, + these components. You can see more examples and full documentation of each component using the navigation on the + left. Use the Theme Picker in the bottom panel to view components in one of our alternate themes.`, chapters: [ { sections: [ diff --git a/stories/helpers.js b/stories/helpers.js new file mode 100644 index 00000000..58842963 --- /dev/null +++ b/stories/helpers.js @@ -0,0 +1,20 @@ +import React from 'react' +import PropTypes from 'prop-types' +import { Box } from 'rebass' +import { Bar, Heading } from 'components/UI' + +export const Column = props => +export const Group = ({ title, children }) => ( + + + {title} + + + {children} + +) +Group.propTypes = { + title: PropTypes.string, + children: PropTypes.node +} +export const Element = props =>