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

Related Components

• Divider
• Content Block
• Row