Region
A container that provides consistent vertical spacing for chunks/sections/regions of content.
Configuration #
| Property | Default value | Description |
|---|---|---|
--region-space | var(--spacing-l-xl) | Sets the vertical padding |
Exceptions #
| Exception | Description |
|---|---|
.region[data-region-disable-start] | Disables the region space on top. |
.region[data-region-disable-end] | Disables the region space on bottom. |
Examples #
Region space utility #
You can also use the .region-space-{spacing} generated utility that allows you to use the spacing design tokens.