Skip to main content

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.

NameDescriptionType
displayNameThe name to display as the section headerstring
htmlPropsProperties for HTML behavior, like allowDynamicobject
childrenArray of child fields contained within the Objectarray
displayTypeType of the field display, which is "object" in this casestring
readOnlyA readonly field is not editable and value cannot be changedboolean

Object Configuration Screenshot