From 93010dab3ea54e3b380bcb4307d5124cc31fe6f0 Mon Sep 17 00:00:00 2001
From: frontend-specialisten <alexander@frontend-specialisten.dk>
Date: Wed, 4 Dec 2024 09:36:59 +0100
Subject: [PATCH] Fix controls of expandable-card story (#3809)

* doc(watt, expandable-card): add togglePosition prop for stories with options for positioning

* style: format

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .../watt-expandable-card.stories.ts                | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/libs/watt/src/lib/components/expandable-card/watt-expandable-card.stories.ts b/libs/watt/src/lib/components/expandable-card/watt-expandable-card.stories.ts
index 851557296c..bf2d31225f 100644
--- a/libs/watt/src/lib/components/expandable-card/watt-expandable-card.stories.ts
+++ b/libs/watt/src/lib/components/expandable-card/watt-expandable-card.stories.ts
@@ -36,12 +36,22 @@ export default {
       imports: [WattBadgeComponent, WATT_EXPANDABLE_CARD_COMPONENTS],
     }),
   ],
+  argTypes: {
+    variant: {
+      options: ['elevation', 'solid'],
+      control: { type: 'radio' },
+    },
+    togglePosition: {
+      options: ['before', 'after'],
+      control: { type: 'radio' },
+    },
+  },
 } as Meta;
 
 export const Overview: StoryFn<WattExpandableCardComponent> = (args) => ({
   props: args,
   template: `
-    <watt-expandable-card [expanded]="expanded" [variant]="variant">
+    <watt-expandable-card [expanded]="expanded" [variant]="variant" [togglePosition]="togglePosition">
       <watt-badge size="large">02</watt-badge>
       <watt-expandable-card-title>The Cosmos Awaits</watt-expandable-card-title>
       <p>
@@ -57,6 +67,7 @@ export const Overview: StoryFn<WattExpandableCardComponent> = (args) => ({
 Overview.args = {
   expanded: false,
   variant: 'elevation',
+  togglePosition: 'after',
 };
 
 export const WithNestedCards: StoryFn<WattExpandableCardComponent> = (args) => ({
@@ -83,4 +94,5 @@ export const WithNestedCards: StoryFn<WattExpandableCardComponent> = (args) => (
 WithNestedCards.args = {
   expanded: true,
   variant: 'solid',
+  togglePosition: 'after',
 };