Propagate args to nested list

Amsterdam · Feb 19, 2024 · 0f36714 · 0f36714
1 parent 2e785cd
commit 0f36714
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/storybook/storybook-react/src/OrderedList/OrderedList.stories.tsx b/storybook/storybook-react/src/OrderedList/OrderedList.stories.tsx
@@ -14,6 +14,8 @@ const meta = {
   component: OrderedList,
   args: {
     children: orderedList,
+    inverseColor: undefined,
+    markers: undefined,
   },
   argTypes: {
     markers: { control: 'boolean' },
@@ -116,4 +118,16 @@ export const InverseColor: Story = {
       </div>
     ),
   ],
+  render: (args) => (
+    <OrderedList {...args}>
+      <OrderedList.Item>
+        Stadsdeel West
+        <OrderedList {...args}>
+          <OrderedList.Item key={1.1}>Bos en Lommer</OrderedList.Item>
+          <OrderedList.Item key={1.2}>Oud West / De Baarsjes</OrderedList.Item>
+          <OrderedList.Item key={1.3}>Westerpark</OrderedList.Item>
+        </OrderedList>
+      </OrderedList.Item>
+    </OrderedList>
+  ),
 }