primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-23 20:38:58 +03:00
Code Issues Projects Releases Wiki Activity

add blankslate stories

Browse Source
This commit is contained in:
Diana Mounter 2017-09-03 12:24:39 -04:00
parent 09c340b3f1
commit 8a00fec556
1 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
.storybook/blankslate.js Normal file
View File

@ -0,0 +1,40 @@
import React from 'react'
import { storiesOf } from '@storybook/react'
storiesOf('Blankslate', module)
.add('blankslate', () => (
<div className='blankslate'>
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
))
.add('blankslate-narrow', () => (
<div className='blankslate blankslate-narrow'>
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
))
.add('blankslate-large', () => (
<div className='blankslate blankslate-large'>
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
))
.add('blankslate-spacious', () => (
<div className='blankslate blankslate-spacious'>
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
))
.add('blankslate-capped', () => (
<div className='blankslate blankslate-capped'>
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
))
.add('blankslate-clean-background', () => (
<div className='blankslate blankslate-clean-background'>
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
))