diff --git a/src/front/Components/Layouts/DesignSystem/index.tsx b/src/front/Components/Layouts/DesignSystem/index.tsx
index 813921d7..3e5eb232 100644
--- a/src/front/Components/Layouts/DesignSystem/index.tsx
+++ b/src/front/Components/Layouts/DesignSystem/index.tsx
@@ -16,6 +16,7 @@ import IconButton, { EIconButtonVariant } from "@Front/Components/DesignSystem/I
 import Form from "@Front/Components/DesignSystem/Form";
 import TextField from "@Front/Components/DesignSystem/Form/TextField";
 import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
+import NumberPicker from "@Front/Components/Elements/NumberPicker";
 
 export default function DesignSystem() {
 	const { isOpen, open, close } = useOpenable();
@@ -68,6 +69,8 @@ export default function DesignSystem() {
 			<div className={classes["root"]}>
 				<div className={classes["components"]}>
 					<Typography typo={ETypo.TEXT_LG_BOLD}>Inputs</Typography>
+					<Typography typo={ETypo.TEXT_SM_REGULAR}>Number picker avec min à 1 et max à 10</Typography>
+					<NumberPicker defaultValue={1} onChange={() => {}} min={1} max={10} />
 					<Form className={classes["inputs"]}>
 						<TextField label="Label" placeholder="Placeholder" canCopy />
 						<TextField label="Without copy" placeholder="Placeholder" />