Skip to content

Section

Overview

The Section element divides content into clearly separated parts. It is useful for structuring long pages, separating topics, and guiding the user through information in manageable blocks.

When to use

  • When a page contains several logical parts
  • When users benefit from visual separation between topics
  • When long forms should feel more structured and readable

Element-specific options

OptionDescription
Section titleDefines the heading shown for the section
Section descriptionAdds explanatory text below the heading
Collapsible behaviorDefines whether the section can be expanded or collapsed
Default open stateDefines whether the section starts open or closed
Section styleDefines the visual presentation of the section

Common configuration

This element also supports shared configuration options such as validation, rules, roles, styling, summaries, scoring, and prefilling.

See: Common element configuration