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 =>