primitives
Forms
Standardized form controls with institutional TTI theming — 3px high-contrast focus rings, accessible field labels, and integrated validation states.
These pages document the state matrix per primitive. For an end-to-end composite form example, see the all-in-one demo.
These pages document the state matrix per primitive. For an end-to-end composite form example, 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".