Input
A single-line text field.
Group: Inputs · Kind: native · in the lite catalog
Preview
Section titled “Preview”example
type · text
type · password
type · number
type · search
type · url
type · tel
disabled · true
label · none
Platforms
Section titled “Platforms”The same specimen painted by React, SwiftUI, Compose and gpui.
| Prop | Type | Required | Bindable | Description |
|---|---|---|---|---|
label |
string |
yes | – | The field label. |
name |
string |
yes | – | The field’s key in the submitted data. |
type |
text | email | password | number | search | url | tel |
– | – | The keyboard and masking kind. Default "text". |
placeholder |
string |
– | – | Hint text while empty. |
value |
string |
– | yes | The text; bind it to a data path. |
disabled |
boolean |
– | – | Shows it inert. Default false. |
checks |
[check] |
– | – | Validation rules (required, email, length, regex, numeric). |
validateOn |
change | blur | submit |
– | – | When the checks run. Default "blur". |
Events
Section titled “Events”on.change: runs an actionon.submit: runs an actionon.focus: runs an actionon.blur: runs an action
None.
Children
Section titled “Children”none
A2UI basic mapping
Section titled “A2UI basic mapping”The basic catalog’s TextField renders as Input.
Built from
Section titled “Built from”A native component: every renderer paints it directly.
Accessibility
Section titled “Accessibility”Role: textbox
textbox
| Keys | Action |
|---|---|
Enter |
submit (fires submit, submits the Form) |
Theming
Section titled “Theming”Recipe parts: Input/root Input/label Input/field Input/placeholder Input/description Input/error
Keyed by: type disabled :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover
Related
Section titled “Related”Form · FieldGroup · FormActions · Textarea · NumberField · Checkbox · Radio · ChoiceTiles