Design system

Components

DTextarea.

Brand-styled textarea that wraps Nuxt UI's UTextarea, vertical resize, 110px min height. When max is set, a compact count / max counter renders inside the field via Nuxt UI's #trailing slot; it turns rose-600 when above the maximum. Slot is overridable for localized copy.

With trailing counter

with-counter

Prop max active le counter inline. count / max rendu dans le slot #trailing

142 / 500

Above maximum (rose)

over-max

Au-dessus du max, le counter passe en rose-600. Aucun blocage de saisie, c'est un signal soft

520 / 500

Plain (no counter)

plain

Sans prop max : pas de counter, slot trailing libre

Error state

error

has-error : bordure rose-500. Pour les textareas requis non remplis

Soft variant (inside DFormCard)

soft

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

142 / 500