Object
The Object (object
) component handles nested form structures, allowing users to add, modify, and manage items dynamically. This component supports nested objects and arrays, making it highly versatile for handling complex form data. It leverages Material-UI's components to provide a structured and organized user experience.
Schema
caution
Avoid using dot (.) in the name
property as it can cause issues with nested field paths in the form state.
Examples of accepted naming conventions:
obj_item
objItem1
anyname
Examples
A simple object with nested fields.
Form Data:
{}
Props
Meta object
The meta
object defines the display characteristics and behavior of the object
component.
Name | Description | Type |
---|---|---|
displayName | The name to display as the section header | string |
htmlProps | Properties for HTML behavior, like allowDynamic | object |
children | Array of child fields contained within the Object | array |
displayType | Type of the field display, which is "object" in this case | string |
readOnly | A readonly field is not editable and value cannot be changed | boolean |