Secondary menu
-
Careers
Header persistent submenu
-
Investors
Learn about our strategy, sales and results or download our investor seminar presentations.
Header persistent submenu
-
Media
Come here for news, press releases, statements and other multi-media content about Nestlé.
Header persistent submenu
Header persistent submenu
Spacer
Share this page
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