Skip to main content

Spacer Component

Create defined spacing between components and ensure a clean, structured page layout.

Anne avatar
Written by Anne
Updated today

The Spacer Component is used to create intentional spacing between other components. It helps structure content visually and maintain a balanced, harmonious layout.

You can choose between four different size options, allowing you to control how much space is placed between elements.


Divider Option

In addition to spacing, you can enable a divider, which can be displayed in three styles:

  • solid line

  • dashed line

  • dotted line

The divider is especially useful for clearly separating content sections.


Color Scheme

The Spacer Component can be customized using the color scheme. This allows the divider to integrate seamlessly into the overall page design and maintain a consistent visual appearance.

Did this answer your question?