content-spacer
Description
A responsive spacing wrapper that can be used anywhere to format content.
Benefits
Useful for adjusting spacing, max width, and horizontal alignment using max width options. All properties support responsive values, allowing easy and quick design adjustments.
Properties
| Property |
Attribute |
Description |
Type |
Default |
bottomOffset |
bottom-offset |
Pipe separated numbers between 0 and 100. Units without values are assumed to be %. |
string |
'0' |
fullHeight |
full-height |
Pipe separated boolean values for full height. Typically, this is used if you have a hero block and you want a footer that aligns with the text layer. This is a niche case, but a valid one. |
string |
'false' |
horizontalPosition |
horizontal-position |
Pipe separated list of ContentLineTextAlignOptions for where to place text box when a max width is specified. |
string |
undefined |
leftOffset |
left-offset |
Pipe separated numbers between 0 and 100. Units without values are assumed to be %. |
string |
'0' |
maxWidth |
max-width |
Pipe separated list of max width numbers. You can also use units such as "px" and "vw". |
string |
'100' |
rightOffset |
right-offset |
Pipe separated numbers between 0 and 100. Units without values are assumed to be %. |
string |
'0' |
textAlign |
text-align |
Pipe separated list of ContentLineTextAlignOptions for text alignment. |
string |
'default' |
topOffset |
top-offset |
Pipe separated numbers between 0 and 100. Units without values are assumed to be %. |
string |
'0' |
Slots
| Slot |
Description |
|
Default slot, same as content slot. |
"content" |
Inner contents of spacing wrapper, can be anything. |