File tree Expand file tree Collapse file tree 1 file changed +16
-9
lines changed
Expand file tree Collapse file tree 1 file changed +16
-9
lines changed Original file line number Diff line number Diff line change 1- import React from 'react' ;
1+ import React from 'react'
22
3- import { storiesOf } from '@storybook/react' ;
4- import { action } from '@storybook/addon-actions' ;
5- import { linkTo } from '@storybook/addon-links' ;
3+ import { storiesOf } from '@storybook/react'
4+ import { action } from '@storybook/addon-actions'
5+ import { linkTo } from '@storybook/addon-links'
66
7- import { Button , Welcome } from '@storybook/react/demo' ;
7+ import styled from 'styled-components'
88
9- storiesOf ( 'Welcome' , module ) . add ( 'to Storybook' , ( ) => < Welcome showApp = { linkTo ( 'Button' ) } /> ) ;
9+ import Img from '../lib'
1010
11- storiesOf ( 'Button' , module )
12- . add ( 'with text' , ( ) => < Button onClick = { action ( 'clicked' ) } > Hello Button</ Button > )
13- . add ( 'with some emoji' , ( ) => < Button onClick = { action ( 'clicked' ) } > 😀 😎 👍 💯</ Button > ) ;
11+ const Wrapper = styled . div `
12+ width: 400px;
13+ height: 400px;
14+ `
15+
16+ storiesOf ( 'Img' , module )
17+ . addDecorator ( getStory => (
18+ < Wrapper > { getStory ( ) } </ Wrapper >
19+ ) )
20+ . add ( 'initial' , ( ) => < Img src = "http://lorempixel.com/400/400/animals" /> )
You can’t perform that action at this time.
0 commit comments