Section

A container used within a Form to organize and group related content.

Updated over a week ago

Use Sections to create visually distinct sections in your Form, providing a structured and organized layout. This container is useful when you have multiple fields or controls that belong to a specific category or topic.

A Section container comes with 3 parameters:

  • Content - Form-specific styling gets applied to each layer that makes up the Section.

  • Header - Adds layers above the Section and removes the form background from each one. If you add a Text layer, the text case with automatically be set to uppercase.

  • Footer - Adds layers below the Section and removes the form background from each one.

The following example shows a simple data entry form on iOS, grouped into two Sections: Notifications and User Profiles.

Did this answer your question?