primitives
Forms
Nuxt UI form primitives with TTI theming — maroon focus rings, consistent label styling, and the tux
These pages document the full state matrix per primitive. For an end-to-end form composing all of them at once, see the all-in-one demo.
heading--bold for section titles inside forms. No Tux wrappers here yet: Nuxt UI's form primitives don't need deviation to fit the brand. These pages document the full state matrix per primitive. For an end-to-end form composing all of them at once, see the all-in-one demo.
UInput · UTextarea
TuxTextField
Single-line + textarea. State matrix: default · focus · filled · error · disabled · readonly · with helper · with counter.
USelectMenu
TuxSelect
Single-select dropdown + searchable combobox. With descriptions, tier-coded values, and the chips fallback.
UCheckbox · URadioGroup
TuxChoice
Checkbox-group + radio-group with select-all and indeterminate states.
UInput type=date
TuxDatePicker
Native date input with helper copy + min/max bounds.
tux native
TuxFileUpload
Drag-drop dropzone, file list, progress, multi-file upload pattern.
UInput + composables
TuxInlineValidation
Live validation patterns — masked inputs (phone, NIH grant), character counters, async "this is taken".