Form
Collects its fields by name and fires submit with their values once every check passes.
Group: Inputs · Kind: native · in the lite catalog
Preview
Section titled “Preview”example
disabled · true
busy · true
Platforms
Section titled “Platforms”The same specimen painted by React, SwiftUI, Compose and gpui.
Variants
Section titled “Variants”summary
| Prop | Type | Required | Bindable | Description |
|---|---|---|---|---|
name |
string |
yes | – | The form’s key in the submit payload. |
disabled |
boolean |
– | yes | Makes every field inert. Default false. |
busy |
boolean |
– | yes | Shows the submit pending and refuses another submit. Default false. |
summary |
boolean |
– | – | Also lists every failed check above the fields. Default false. |
Events
Section titled “Events”on.submit: runs an actionon.invalid: runs an actionon.change: runs an action
None.
Children
Section titled “Children”many
A2UI basic mapping
Section titled “A2UI basic mapping”No basic catalog component maps here.
Built from
Section titled “Built from”A native component: every renderer paints it directly.
Accessibility
Section titled “Accessibility”Role: form
form
| Keys | Action |
|---|---|
Enter in a single-line field |
submit |
| – | A failed submit focuses the first invalid field and announces invalidFields |
Theming
Section titled “Theming”Recipe parts: Form/root Form/summary
Keyed by: disabled busy :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover
Related
Section titled “Related”FieldGroup · FormActions · Input · Textarea · NumberField · Checkbox · Radio · ChoiceTiles