4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

✨ Add number picker to design system

Browse Source
This commit is contained in:
Maxime Lalo 2024-07-19 16:42:54 +02:00
parent db6d4e0293
commit 1dc2738ee0
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/front/Components/Layouts/DesignSystem/index.tsx
View File

@ -16,6 +16,7 @@ import IconButton, { EIconButtonVariant } from "@Front/Components/DesignSystem/I
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField"; import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
import NumberPicker from "@Front/Components/Elements/NumberPicker";
export default function DesignSystem() { export default function DesignSystem() {
const { isOpen, open, close } = useOpenable(); const { isOpen, open, close } = useOpenable();
@ -68,6 +69,8 @@ export default function DesignSystem() {
<div className={classes["root"]}> <div className={classes["root"]}>
<div className={classes["components"]}> <div className={classes["components"]}>
<Typography typo={ETypo.TEXT_LG_BOLD}>Inputs</Typography> <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"]}> <Form className={classes["inputs"]}>
<TextField label="Label" placeholder="Placeholder" canCopy /> <TextField label="Label" placeholder="Placeholder" canCopy />
<TextField label="Without copy" placeholder="Placeholder" /> <TextField label="Without copy" placeholder="Placeholder" />