You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
658 B
20 lines
658 B
import React from 'react'
|
|
import { storiesOf } from '@storybook/react'
|
|
import { Page, MainContent, Sidebar } from 'components/UI'
|
|
|
|
storiesOf('Components.Layouts', module)
|
|
.add('MainContent', () => <MainContent>Main content</MainContent>)
|
|
.add('Sidebar', () => <Sidebar>Sidebar</Sidebar>)
|
|
.add('Page', () => <Page>Page</Page>)
|
|
.add('Page - sidebar left', () => (
|
|
<Page>
|
|
<Sidebar.small>Sidebar left</Sidebar.small>
|
|
<MainContent>Main content</MainContent>
|
|
</Page>
|
|
))
|
|
.add('Page - sidebar right', () => (
|
|
<Page>
|
|
<MainContent>Main content</MainContent>
|
|
<Sidebar.large>Sidebar right</Sidebar.large>
|
|
</Page>
|
|
))
|
|
|