Form Section

A layout component for grouping related form fields with an optional title, description, and visual separator. Supports collapsible sections for organizing complex forms into logical groups.

Default

Basic form sections with a title and description. A separator line is shown between sections by default. Each section groups related fields together for better form organization.

Personal Information

Enter your personal details

Address

Collapsible

Set Collapsible to true to allow sections to be expanded and collapsed. Use DefaultExpanded to control the initial state. This is useful for long forms where optional sections can be hidden by default.

Required Fields

Optional Fields

Without Separator

Set ShowSeparator to false to remove the separator line above the section. Useful for the first section in a form or when you want a cleaner look.

Settings