diff --git a/site/source/design-system/field/SearchableSelectField/SearchableSelectField.stories.tsx b/site/source/design-system/field/SearchableSelectField/SearchableSelectField.stories.tsx
new file mode 100644
index 000000000..6334861e8
--- /dev/null
+++ b/site/source/design-system/field/SearchableSelectField/SearchableSelectField.stories.tsx
@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react'
+
+import { SearchableSelectField } from './SearchableSelectField'
+
+const meta: Meta<typeof SearchableSelectField> = {
+	component: SearchableSelectField,
+}
+
+export default meta
+
+type Story = StoryObj<typeof SearchableSelectField>
+
+export const Basic: Story = {
+	render: () => (
+		<SearchableSelectField
+			selectedValue={<div>une réponse</div>}
+		></SearchableSelectField>
+	),
+	args: {},
+}
diff --git a/site/source/design-system/field/Select/Select.stories.tsx b/site/source/design-system/field/Select/Select.stories.tsx
new file mode 100644
index 000000000..87dc18d76
--- /dev/null
+++ b/site/source/design-system/field/Select/Select.stories.tsx
@@ -0,0 +1,22 @@
+import { Meta, StoryObj } from '@storybook/react'
+
+import { Item } from '@/design-system'
+
+import { Select } from '.'
+
+const meta: Meta<typeof Select> = {
+	component: Select,
+}
+
+export default meta
+
+type Story = StoryObj<typeof Select>
+
+export const Basic: Story = {
+	render: () => (
+		<Select value={2}>
+			<Item textValue="Salut">Ça va ?</Item>
+		</Select>
+	),
+	args: {},
+}