diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-14 19:42:51 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-14 19:42:51 +0200 |
| commit | 70b4e5c311999501cd6eff632ddbcac6e75ff035 (patch) | |
| tree | f9de55c3d1aa6565a164cf451c73d9fa5c0f7b87 /src/components/organisms/forms/search-form.stories.tsx | |
| parent | 1d162d7aafb3cfe2c3351b5fd891bbf6d476e9b2 (diff) | |
chore: add a SearchForm component
Diffstat (limited to 'src/components/organisms/forms/search-form.stories.tsx')
| -rw-r--r-- | src/components/organisms/forms/search-form.stories.tsx | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/src/components/organisms/forms/search-form.stories.tsx b/src/components/organisms/forms/search-form.stories.tsx new file mode 100644 index 0000000..4ec1c21 --- /dev/null +++ b/src/components/organisms/forms/search-form.stories.tsx @@ -0,0 +1,34 @@ +import { ComponentMeta, ComponentStory } from '@storybook/react'; +import { IntlProvider } from 'react-intl'; +import SearchFormComponent from './search-form'; + +export default { + title: 'Organisms/Forms', + component: SearchFormComponent, + argTypes: { + className: { + control: { + type: 'text', + }, + description: 'Set additional classnames to the form wrapper.', + table: { + category: 'Styles', + }, + type: { + name: 'string', + required: false, + }, + }, + }, +} as ComponentMeta<typeof SearchFormComponent>; + +const Template: ComponentStory<typeof SearchFormComponent> = (args) => ( + <IntlProvider locale="en"> + <SearchFormComponent {...args} /> + </IntlProvider> +); + +export const SearchForm = Template.bind({}); +SearchForm.args = { + hideLabel: true, +}; |
