kitten-components
Version:
Front-end components library
38 lines (36 loc) • 1.09 kB
JavaScript
import React, { Fragment } from 'react'
import { storiesOf } from '@storybook/react'
import { withInfo } from '@storybook/addon-info'
import { StyleRoot } from 'radium'
import { Grid, GridCol } from 'kitten/components/grid/grid'
import { ArrowIcon } from 'kitten/components/icons/arrow-icon'
storiesOf('Icons', module).add(
'ArrowIcon',
withInfo(
'The ArrowIcon is an arrow that can be used in 4 differents directions.',
)(() => {
return (
<div>
<Grid>
<GridCol offset="1" col="10">
<div>
<ArrowIcon version="solid" direction="top" />
</div>
<div>
<ArrowIcon version="solid" direction="right" />
</div>
<div>
<ArrowIcon version="solid" direction="bottom" />
</div>
<div>
<ArrowIcon version="solid" direction="left" />
</div>
<div>
<ArrowIcon version="solid" direction="top" disabled />
</div>
</GridCol>
</Grid>
</div>
)
}),
)