mirror of
https://github.com/primer/css.git
synced 2024-12-18 11:41:33 +03:00
41 lines
1.3 KiB
JavaScript
41 lines
1.3 KiB
JavaScript
|
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>
|
||
|
|
))
|