Design system

Components

DInput.

Brand-styled text input that wraps Nuxt UI's UInput so the #leading + #trailing slots are passthrough. Default (variant="plain") sits on white; variant="soft" rests on bg-page and flips to white on focus, used inside DFormCard groupings.

Default

default

Variant plain. Sur fond blanc, bordure hairline. Default pour les inputs hors DFormCard

Soft variant

soft

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

With trailing counter

trailing-counter

Slot #trailing pour compteur de caractères inline. Padding droit réservé automatiquement

14/14

Error state

error

has-error : bordure passe en rose-500. Placeholder dit ce qui manque

Disabled

disabled

État désactivé. Opacité réduite, curseur not-allowed. Garde la valeur visible