From 466039c495ec43c3fdd09895cf52a01381d18a40 Mon Sep 17 00:00:00 2001
From: Matthias <mprost@scaleway.com>
Date: Fri, 20 Dec 2024 10:13:36 +0100
Subject: [PATCH] docs: add more example in storybook

---
 .../Modal/__stories__/NestedModal.stories.tsx | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/packages/ui/src/components/Modal/__stories__/NestedModal.stories.tsx b/packages/ui/src/components/Modal/__stories__/NestedModal.stories.tsx
index f5202350b6..1d79991447 100644
--- a/packages/ui/src/components/Modal/__stories__/NestedModal.stories.tsx
+++ b/packages/ui/src/components/Modal/__stories__/NestedModal.stories.tsx
@@ -1,8 +1,24 @@
 import type { StoryFn } from '@storybook/react'
 import { Button } from '../../Button'
+import { SelectInputV2 } from '../../SelectInputV2'
 import { Stack } from '../../Stack'
 import { Modal } from '../index'
 
+const OPTIONS = [
+  {
+    label: 'Option 1',
+    value: 'option-1',
+  },
+  {
+    label: 'Option 2',
+    value: 'option-2',
+  },
+  {
+    label: 'Option 3',
+    value: 'option-3',
+  },
+]
+
 export const NestedModal: StoryFn = props => (
   <Modal {...props} disclosure={<Button>Open Parent Modal</Button>}>
     <Stack gap={1}>
@@ -32,6 +48,11 @@ export const NestedModal: StoryFn = props => (
             esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
             cupidatat non proident, sunt in culpa qui officia deserunt mollit
             anim id est laborum.
+            <SelectInputV2
+              label="Choose an option"
+              name="example"
+              options={OPTIONS}
+            />
           </Modal>
         </Stack>
       </Modal>