Forms.

Inputs and interaction controls. Form-associated via ElementInternals, touch-optimized, inputmode/autocapitalize automatically matched to the type. Twelve components in flight — three primitives stable in beta, the rest planned for v0.2 and v0.3.

Components

stable + planned

Each component lives on its own page with full API, demonstrations, behavior notes, and a11y/touch checklist. Planned components carry a feature surface so consumers can evaluate fit before the implementation lands.

Input bau-input
Single-line text. text · email · tel · url · password · number · search. beta
Textarea bau-textarea
Multi-line. Autogrow, char counter, paste sanitization, IME-aware. planned
Checkbox bau-checkbox
Square box with stroke-dashed tick. Indeterminate, form-associated. beta
Check button bau-check-button
Hybrid: button with a built-in checkbox. Strikethrough on commit. beta
Select bau-select
Rich dropdown with icon, title and subtitle per option. Form-associated. beta
Combobox bau-combobox
Editable select with async loading, multi-select, free-text. planned
Radio bau-radio
Single-select group with roving tabindex. planned
Switch bau-switch
Toggle for instantly-applied settings. Track + thumb. planned
Slider bau-slider
Numeric range. Single or dual handles, ticks, value bubble. planned
Tag field bau-tag-field
Multi-value text. Each token a removable chip. planned
Date field bau-date-field
Locale-aware date picker. Calendar popover, ISO value, range mode. planned
File field bau-file-field
Drop zone. Multiple files, type filtering, per-file progress. planned

Patterns

compositions

How the primitives compose into real-world forms. Reference implementations with full validation, live preview, and form participation.

Contact form
Multi-column layout, live preview, native validation, six-field validation chain. beta