Input

Form controls and authored states for choice, text, files, dates, selection, and numeric input. 26 owners and 29 deterministic previews.

Input

1 catalogue owners in manifest order.

SignatureInput

Canvas-based signature field with Field relationships, component-owned geometry, ink callbacks, and an imperative export handle.

Sign inside the field.

Input / Choice

5 catalogue owners in manifest order.

ChoiceField

Public composition primitive that binds a native radio or checkbox to a label, description, indicator, and change contract.

Choice Indicators

Shared visible radio, checkbox, and toggle indicators for native ChoiceField composition.

Indicator families mirror native checked state

Production choice-field composition

MultiselectInput

Complete checkbox-style field for choosing zero or more visible options.

RadioInput

Complete single-choice radio field with shared labels, messages, native semantics, and loading geometry.

Choose a cadence.

ToggleInput

Complete switch-presented checkbox field for one or more independent boolean choices.

Input / Color

2 catalogue owners in manifest order.

ColorInput

Complete hexadecimal color field with a controlled value, native form output, and an anchored picker panel.

Choose a brand accent.

ColorSwatchInput

Semantic swatch radio field with independently controllable preset value and custom hexadecimal color.

Input / Date

2 catalogue owners in manifest order.

DateInput

Single-date field using validated YYYY-MM-DD values, UTC date arithmetic, and the shared calendar popover.

Stored as a UTC calendar date.

DateRangeInput

Full-start date-range field that commits validated UTC endpoints through the shared calendar and optional presets.

Input / Editable

1 catalogue owners in manifest order.

EditableTextField

Display-to-edit text field that owns validation, pending state, inline errors, and focus restoration.

Input / Files

2 catalogue owners in manifest order.

FileInput

Controlled generic-file field for selection, preview, inspection, editable or read-only presentation, and inline rejection feedback. onPreview delegates inspection; a FilePreviewProvider supplies the default handler for a subtree. An explicit callback wins. Without either, existing inspection remains available. Uploaded items may resolve fresh URLs through resolveUrl(signal). Preview tiles use Card surfaces. PDFs render a first-page canvas with a filename and readable loading/failure fallback, never a browser PDF plug-in.

Controlled accepted/rejected file selection

Externally owned add control

Uploaded
Uploaded

ProfilePictureInput

Single profile-image picker with preview, client-side type and size validation, removal, and reset cleanup.
Averlo user profile picture
No file selected

Input / Numeric

3 catalogue owners in manifest order.

NumberInput

Typed numeric field with native number semantics, optional validation, and shared field geometry.

Whole numbers from one to ten.

SliderInput

Bounded numeric field combining a native range control and synchronized number entry in one InputFrame.
%

UnitNumberInput

NumberInput specialization with a fixed presentation unit kept separate from numeric value ownership.
km

Input / Selection

4 catalogue owners in manifest order.

ButtonMultiSelectInput

Compact multi-select field whose pressed-state selection is expressed through shared Button hierarchy.

ComboboxMultiSelectInput

Controlled searchable multi-select that owns option filtering, selected chips, keyboard navigation, and listbox semantics.
Amsterdam

ComboboxTextInput

Text-entry combobox that allows free text while offering filtered listbox suggestions.

SelectInput

Controlled searchable single-select field with listbox semantics, active-option navigation, and portal positioning.

Selection, interception, filtering, and listbox semantics

Choose the public state.

Compact selected value and intrinsic-height option presentation

Input / Text

6 catalogue owners in manifest order.

EmailInput

Email-semantic text field with email keyboard hints, autofill-safe attributes, validation, and optional copy action.

PasswordInput

Password field with component-owned visibility control, autofill behavior, optional strength feedback, validation, and copy support.

PhoneInput

Country-aware telephone field with E.164 output, native tel semantics, searchable country selection, and optional formatting.

SpamProtectionFields

Hidden honeypot field for server-checked form submissions without entering keyboard or accessibility navigation.

TextAreaInput

Canonical multiline text field with Field relationships, textarea semantics, validation, and component-owned loading geometry.

At least ten characters.

TextInput

Canonical single-line text field with shared Field relationships, InputFrame geometry, validation, and optional copy action.

Use at least three characters.