RecordForm
A form over one record kind: a field per schema field with its checks; submit saves the record.
Group: Data · Kind: macro · in the lite catalog
Preview
Section titled “Preview”Variants
Section titled “Variants”| Prop | Type | Required | Bindable | Description |
|---|---|---|---|---|
kind |
string |
yes | – | The package’s record kind. |
recordId |
string |
– | yes | The record to update; none = a new record. |
submitLabel |
string |
– | – | The submit label. Default "$string.save". |
readOnly |
boolean |
– | – | Shows the fields inert, no submit. Default false. |
cancel |
boolean |
– | – | An outline Cancel firing cancel. Default false. |
path |
string |
– | – | The draft’s data path (default /recordForm/<id>); seed it to edit. |
fields |
[object] |
– | – | Filled by the host. |
missing |
boolean |
– | – | Filled by the host. Default false. |
Events
Section titled “Events”on.submit: runs an actionon.cancel: runs an action
None.
Children
Section titled “Children”none
A2UI basic mapping
Section titled “A2UI basic mapping”No basic catalog component maps here.
Built from
Section titled “Built from”Box · ChipInput · DatePicker · EmptyState · FieldGroup · Form · FormActions · Input · NumberField · Select · Switch · Textarea · TimePicker
Accessibility
Section titled “Accessibility”Role: form
form: the expanded Form, one labelled field per schema field
| 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: RecordForm/root RecordForm/unknown RecordForm/fields RecordForm/field RecordForm/text RecordForm/textarea RecordForm/number RecordForm/switch RecordForm/select RecordForm/date RecordForm/time RecordForm/chips RecordForm/actions
Keyed by: :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover
Related
Section titled “Related”ChipInput · DatePicker · EmptyState · FieldGroup · Form · FormActions · Input · NumberField