Back to components
A section
A section
Section
Layout sections
Table of Contents
Edit this section, Opens in new windowOverview
A Section groups elements in a vertical space, using all available horizontal space.
Usage
Use a Section when you want to split or group components/parts of the page.
A section only gives vertical spacing (up and down), not horizontal spacing.
Behaviours
Stacked
When equal Sections is stacked, the spacing is minimized.
- The padding-top value has been set to 0.
Modifiers
Backgrounds
A Section can have different backgrounds.