import React from 'react'; import {storiesOf} from '@storybook/react'; import {withInfo} from '@storybook/addon-info'; import {text, number} from '@storybook/addon-knobs'; import Placeholder from 'app/components/placeholder'; storiesOf('UI|Loaders/Placeholder', module).add( 'default', withInfo( 'When you want a rough sized placeholder for content that is loading asynchronously' )(() => (

Resizable square

Content below the placeholder

Square with bottom gutter

Content below the placeholder

Round placeholder

Content below the placeholder

)) );