docs: fix OnyxSelect multiselect example (#1221)

Relates to #565 (comment)
SchwarzIT · Jun 3, 2024 · 18b2d97 · 18b2d97
1 parent 697ffcd
commit 18b2d97
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/packages/sit-onyx/src/components/OnyxSelect/OnyxSelect.stories.ts b/packages/sit-onyx/src/components/OnyxSelect/OnyxSelect.stories.ts
@@ -99,6 +99,16 @@ DEMO_OPTIONS.splice(6, 0, {
   disabled: true,
 });
 
+const MULTISELECT_DEMO_OPTIONS = [
+  {
+    value: "disabled-2",
+    label: "Selected unavailable fruit",
+    disabled: true,
+  },
+  ...DEMO_OPTIONS,
+  { value: "long", label: "Option with a very long long long  long long long long text" },
+];
+
 /**
  * This example shows a default single select.
  */
@@ -127,18 +137,10 @@ export const WithMessage = {
 export const Multiselect = {
   args: {
     ...Default.args,
-    modelValue: [DEMO_OPTIONS[0], DEMO_OPTIONS[1]],
+    modelValue: [MULTISELECT_DEMO_OPTIONS[0], MULTISELECT_DEMO_OPTIONS[1]],
     multiple: true,
     withCheckAll: true,
-    options: [
-      {
-        value: "disabled-2",
-        label: "Selected unavailable fruit",
-        disabled: true,
-      },
-      ...Default.args.options,
-      { value: "long", label: "Option with a very long long long  long long long long text" },
-    ],
+    options: MULTISELECT_DEMO_OPTIONS,
   },
 } satisfies Story;