Design system

Components

DSelect.

Brand-styled native <select> with custom caret. Native OS picker on mobile, dropdown on desktop. For small enumerated sets: language pickers, year buckets, fixed categories. Single-select only; multi-select belongs on USelectMenu.

Default

default

Select rempli. Caret custom, native sur mobile, dropdown sur desktop

v-model = 7_12

With placeholder (empty initial)

placeholder

État vide avec placeholder. Pour les champs facultatifs ou non encore choisis

v-model = ""

Disabled

disabled

État désactivé. Valeur visible mais non éditable

Error state

error

has-error : bordure rose-500. Pour les sélections requises non remplies

Soft variant (inside DFormCard)

soft

Variant soft sur bg-page, bascule sur blanc au focus. Pour les selects imbriqués dans DFormCard