Components / Forms

Forms, Inputs & Pickers

Typed FormFields with validation states, Superforms context auto-wiring, character counters, OTP/2FA code inputs, Comboboxes, MultiSelect chips, NumberInputs, ToggleGroups, DatePickers, switches, checkboxes, and sliders.

Zero-Boilerplate Superforms Auto-Wiring

Context Auto-Wiring: When placed inside a <Form {superform}> and <FormField name="field">, all inputs (Input, Select, Combobox, Checkbox, etc.) automatically receive their id, name, aria-describedby, and reactive error highlights without manual prop plumbing.

Email Address *

Automatically receives validation errors

Select Role *

FormField, Input & Textarea

Work Email Address *

We'll send your activation key here

Select Role *

Developer Bio (Auto-Sizing Height)

Expands automatically without scrollbars as you type

Combobox, MultiSelect & NumberInput

Searchable Framework (Combobox)

Filterable options with keyboard navigation and clear button

Team Tech Stack (MultiSelect)

Chip-based multi-selection with backspace removal

Svelte 5 Tailwind CSS

Team Seats (NumberInput)

Numeric stepper with min=1, max=50, step=1

Property

Type Definition

Default

Description

label

string

Visible label text displayed above the control.

required

boolean

false

Renders a primary colored asterisk and marks accessibility required.

error

string

Validation error message to display in red below the input.

hint

string

Helper guidance text displayed below the field.

Forms, Inputs & Pickers

Zero-Boilerplate Superforms Auto-Wiring

FormField, Input & Textarea

Combobox, MultiSelect & NumberInput

File Drag & Drop (<Dropzone />)

InputOTP (2FA & One-Time Code Input)

ToggleGroup (Segmented Controls & Tab Selectors)

DatePicker & DateRangePicker

Switches, Checkboxes & Sliders

RadioGroup Selection Cards

Props & API Reference