Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 2x 2x 2x 2x 2x 2x 2x 2x 2x 1x 1x 1x 1x | import { Story, Meta } from '@storybook/react'
import { FormBlockWrapper, FormBlockWrapperProps } from './form-block-wrapper'
import { Input } from '@/shared/ui'
import { Form } from '@/shared/lib'
export default {
title: 'Shared/FormBlockWrapper',
component: FormBlockWrapper,
argTypes: {
title: {
control: 'text',
defaultValue: 'Заголовок блока',
},
},
args: {
fields: ['firstName', 'lastName', 'middleName'],
},
} as Meta
const Template: Story<FormBlockWrapperProps> = args => (
<Form onSubmit={console.warn}>
<FormBlockWrapper {...args}>
<div className='flex gap-x-2'>
<Input name='firstName' label='Имя' />
<Input name='lastName' label='Имя' />
<Input name='middleName' label='Имя' />
</div>
</FormBlockWrapper>
</Form>
)
export const Default = Template.bind({})
Default.args = {
title: <h2>Заголовок блока</h2>,
}
|