aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/forms/search-form.stories.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-04-14 19:42:51 +0200
committerArmand Philippot <git@armandphilippot.com>2022-04-14 19:42:51 +0200
commit70b4e5c311999501cd6eff632ddbcac6e75ff035 (patch)
treef9de55c3d1aa6565a164cf451c73d9fa5c0f7b87 /src/components/organisms/forms/search-form.stories.tsx
parent1d162d7aafb3cfe2c3351b5fd891bbf6d476e9b2 (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.tsx34
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,
+};