Fix ButtonUI story

danskernesdigitalebibliotek · Nov 1, 2024 · b27f487 · b27f487
1 parent 8b9c6a5
commit b27f487
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 7 deletions.
diff --git a/src/stories/Library/Buttons/button-ui/ButtonUI.stories.tsx b/src/stories/Library/Buttons/button-ui/ButtonUI.stories.tsx
@@ -1,19 +1,27 @@
 import { StoryFn, Meta } from "@storybook/react";
 
-import { ButtonUI } from "./ButtonUI";
+import { ButtonUI, ButtonUIProps } from "./ButtonUI";
 
 export default {
   title: "Library / Buttons / ButtonUI",
   component: ButtonUI,
   argTypes: {
+    content: {
+      control: "object",
+    },
+    ariaLabel: { control: "text" },
     label: { control: "text" },
     disabled: { control: "boolean" },
     collapsible: { control: "boolean" },
-    size: { control: "select", options: ["small", "medium", "large"] },
-    variant: { control: "select", options: ["outline", "filled"] },
+    size: { control: "select" },
+    variant: { control: "select" },
   },
   args: {
-    label: "Se hele kalenderen",
+    content: {
+      kind: "LABEL",
+      label: "Se hele kalenderen",
+    },
+    ariaLabel: "Calendar button",
     disabled: false,
     collapsible: false,
     size: "medium",
@@ -28,7 +36,9 @@ export default {
   },
 } as Meta<typeof ButtonUI>;
 
-const Template: StoryFn<typeof ButtonUI> = (args) => <ButtonUI {...args} />;
+const Template: StoryFn<typeof ButtonUI> = (args: ButtonUIProps) => (
+  <ButtonUI {...args} />
+);
 
 export const Default = Template.bind({});
 Default.args = {};

diff --git a/src/stories/Library/Buttons/button/Button.stories.tsx b/src/stories/Library/Buttons/button/Button.stories.tsx
@@ -1,6 +1,6 @@
 import { StoryFn, Meta } from "@storybook/react";
 
-import { Button } from "./Button";
+import { Button, ButtonProps } from "./Button";
 
 export default {
   title: "Library / Buttons / Button",
@@ -30,7 +30,9 @@ export default {
   },
 } as Meta<typeof Button>;
 
-const Template: StoryFn<typeof Button> = (args) => <Button {...args} />;
+const Template: StoryFn<typeof Button> = (args: ButtonProps) => (
+  <Button {...args} />
+);
 
 export const Default = Template.bind({});
 Default.args = {