Spacer
A spacer adds vertical breathing room between components.
Spacers do not show content, store data, or trigger actions. They simply create room in a layout so the page feels easier to read.
When to Use It
Use a spacer when visual breathing room helps users understand the screen.
Spacers can separate a dense group of fields from the next section, make an important action easier to notice, or keep a page from feeling cramped.
Use them sparingly. If a screen needs many spacers to make sense, the underlying grouping may need to be reconsidered.
What Can Be Configured
Placement
A spacer sits between other components.
- Add space before a new section
- Add space after a dense group of fields
- Use spacing to support the visual rhythm of the page
Visual Rhythm
Spacers help tune how compact or open a screen feels.
- Use more space for occasional, high-attention workflows
- Use less space for dense operational screens users work in every day
- Keep spacing consistent across similar record types