chore(storybook): 🪧 Add fieldset preview (#2047)

Co-authored-by: Michael Marszalek <[email protected]>

packages/react/src/components/form/Fieldset/Fieldset.mdx

@@ -1,15 +1,16 @@
-import { Meta, ArgTypes } from '@storybook/blocks';
+import { Meta, Controls, Primary } from '@storybook/blocks';
 
 import * as FieldsetStories from './Fieldset.stories';
 
 <Meta of={FieldsetStories} />
 
+<Primary />
+<Controls />
+
 # Fieldset
 
 `Fieldset` er et [fieldset](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset)-element med diverse hjelpfunksjoner for å hjelpe med bruk og gruppering av kontrollelementer i et skjema.
 
-<ArgTypes />
-
 ## Referanser
 
 [Providing a description for groups of form controls using fieldset and legend elements](https://www.w3.org/WAI/WCAG21/Techniques/html/H71)

packages/react/src/components/form/Fieldset/Fieldset.stories.tsx

@@ -1,5 +1,8 @@
 import type { Meta, StoryFn } from '@storybook/react';
 
+import { Textfield } from '../Textfield';
+import { Textarea } from '../Textarea';
+
 import { Fieldset } from '.';
 
 type Story = StoryFn<typeof Fieldset>;
@@ -9,4 +12,21 @@ export default {
   component: Fieldset,
 } as Meta;
 
-export const Preview: Story = (args) => <Fieldset {...args}></Fieldset>;
+export const Preview: Story = (args) => (
+  <form>
+    <Fieldset {...args}>
+      <Textfield label='Kort beskrivelse'></Textfield>
+      <Textarea label='Lang beskrivelse'></Textarea>
+    </Fieldset>
+  </form>
+);
+
+Preview.args = {
+  description:
+    'Gi en kort beskrivelse i begge feltene',
+  disabled: false,
+  error: '',
+  legend: 'Skriv inn dine svar',
+  readOnly: false,
+  hideLegend: false,
+};