kitten-components
Version:
Front-end components library
33 lines (31 loc) • 1.17 kB
JavaScript
import React from 'react'
import { storiesOf } from '@storybook/react'
import { withInfo } from '@storybook/addon-info'
import { withKnobs, text, object } from '@storybook/addon-knobs/react'
import { VerticalCard } from 'kitten/components/cards/vertical-card'
import { Grid, GridCol } from 'kitten/components/grid/grid'
import { Marger } from 'kitten/components/layout/marger'
storiesOf('Cards/VerticalCard', module)
.addDecorator(withKnobs)
.add(
'default',
withInfo('common info')(() => (
<Marger top="3" bottom="3">
<Grid>
<GridCol col="3">
<VerticalCard
imageProps={object('Src/Alt', {
src: 'http://via.placeholder.com/500x500/caf4fe/caf4fe',
alt: '',
})}
title={text('Title description', 'Lorem ipsum dolor sit amet')}
description={text(
'Text description',
'Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem',
)}
/>
</GridCol>
</Grid>
</Marger>
)),
)