Section

The Text component can be used in any form to provide a text field. It can be used for single-line text input fields.

Examples

A section with divider and custom header variants.

Create source

Enter the details below to create a new source.

---

Source



Enter the name you want to show in stage

Password

​

This is section description

---

---

Form Data:

{}

Props

Name

The Name (name) field should be a unique string.

Meta object

The Meta (meta) object contains properties that define the display characteristics and behavior of the section.

Name	Description	Type
displayName	The name to display as the section header	string
children	An array of child fields to render within the section	IField[]
htmlProps	Additional HTML properties for the section	object
displayType	"section" to indicate this controls a Section	String

HTML Props Keys Documentation

The HTML Props (htmlProps) object contains HTML-specific properties that can modify the appearance and functionality of a section. Below are the keys typically used within htmlProps:

Key	Description	Type	Default Value
divider	Whether to show a divider below the header	boolean	false
headerVariant	Typography variant for the header	string	"h3"
subHeaderVariant	Typography variant for the sub-header	string	"h5"
description	Additional description text below the header	string	null
allowDynamic	Allow dynamic content or features within the field	boolean	false