doc: story for input

oramasearch · Jul 5, 2024 · fc66be1 · fc66be1
1 parent dd5640f
commit fc66be1
Showing 1 changed file with 6 additions and 9 deletions.
diff --git a/apps/storybook/stories/form.stories.tsx → apps/storybook/stories/input.stories.tsx b/apps/storybook/stories/form.stories.tsx → apps/storybook/stories/input.stories.tsx
@@ -10,26 +10,23 @@ export default meta;
 type Story = StoryObj;
 
 const TemplateInput = (args: InputProps) => `
-  <orama-input name='test1' label='Small size input' size='small' placeholder=${args.placeholder}>
-  <orama-input name='test2' label='Medium size input' placeholder=${args.placeholder}>
-  <orama-input name='test3' label='Large size input' size='large' placeholder=${args.placeholder}>
+  <orama-input name='test1' label='Small size input' size='small' placeholder="Your name" type='text'>
+  <orama-input name='test2' label='Medium size input' placeholder="Your surname" type='text'>
+  <orama-input name='test3' label='Large size input' size='large' placeholder="Your address" type='text'>
 `;
 
-export const Input: Story = {
+export const InputSizes: Story = {
   render: TemplateInput,
-  args: {
-    placeholder: "Name"
-  },
+  args: {},
 };
 
 const TemplateOnlyInput = (args: InputProps) => `
-  <orama-input name='test4' size='large' labelForScreenReaders=${args.labelForScreenReaders} placeholder=${args.placeholder} type="search">
+  <orama-input name='test4' size='large' labelForScreenReaders=${args.labelForScreenReaders} placeholder='Your name' type="text">
 `;
 
 export const InputWithoutLabel: Story = {
   render: TemplateOnlyInput,
   args: {
-    placeholder: "Search...",
     labelForScreenReaders: "Label for screen readers only"
   },
 };