UI schema allows you to customize the appearance of the form and influence its behavior.
The UI schema object follows the tree structure of the form field hierarchy, and defines how each property should be rendered.
Each UI schema node may contain the following fields:
ui:options
- Set of ui options (see below)
ui:widget
- Widget type or a custom widget component (should have compatible value types)
ui:field
- Field type or a custom field component
ui:templates
- Key value pairs (record) of template type to a different template type or a custom template component
ui:components
- Key value pairs (record) of component type to a different component type or custom component
items
- UI schema or array of UI schema for array items
anyOf
, oneOf
- Array of UI schema
additionalProperties
, additionalItems
- UI schema for additional properties and items
additionalPropertyKeyInput
- UI schema for additional property key input
UI schema root
Root node of UI schema can have an additional fields:
ui:rootFieldId
- prefix of generated field ids
ui:globalOptions
- global ui options that are applied to all fields, are overwritten by ui:options
.
submitButton
- submit button UI schema
UI options