Sort by
Sort by

Spacer

The Spacer component is designed to create and maintain a defined gap or distance between two elements. Its sole purpose is to ensure consistent spacing based on the parameters you specify.

 

When to use

Use Spacer when you need to add or reduce distance between components.
 

How to use

To add distance with the Spacer component, you should put the size of space in pixels (a number) for one or both margin options: Margin top and Margin bottom. To reduce distance you should put a negative number.

Additionally, you can add a Divider, which has two options: line and line full width.
 

CMS name

Layout: Spacer
 

Example

See this component in use:
Aero
Climate action
 


Back to all Layout components