kitten-components
Version:
Front-end components library
38 lines (36 loc) • 1.19 kB
JavaScript
import React from 'react'
import { StyleRoot } from 'radium'
import { storiesOf } from '@storybook/react'
import { withInfo } from '@storybook/addon-info'
import { withKnobs, text, object, boolean } from '@storybook/addon-knobs/react'
import { CommentForm } from './comment-form'
import { Grid, GridCol } from 'kitten/components/grid/grid'
storiesOf('Form/CommentForm', module)
.addDecorator(withKnobs)
.add(
'default',
withInfo('common info')(() => (
<StyleRoot>
<Grid>
<GridCol offset="1" col="8">
<CommentForm
avatarImgProps={object('Src/Alt', {
src: 'https://placehold.it/80x80/caf4fe/caf4fe',
alt: '',
})}
placeholder={text(
'placeholder',
'Leave a comment on the project',
)}
commentButton={text('Comment button', 'Comment')}
error={boolean('Is error', false)}
errorMessage={text(
'Error message',
'Cum sociis natoque penatibus et magnis',
)}
/>
</GridCol>
</Grid>
</StyleRoot>
)),
)