When to use it

Use Spacer when vertical whitespace is a real part of the page composition. It is useful in editorial layouts, CMS-driven longform pages, and builder-style content where the gap itself needs to be explicit and reusable.

If the spacing only belongs to one local component relationship, normal layout utilities are usually simpler.

Composition notes

Spacer is intentionally minimal. size chooses between sm, md, and lg based on the rhythm the page needs.

Because the component is pure layout, place it intentionally. It should represent a real structural pause, not just patch over inconsistent local spacing.

Behavior and theming guidance

Prefer one spacing language per page. If most of the layout already uses normal stack or section spacing, reserve Spacer for the places where content authors genuinely need explicit control.

Use the smallest size that communicates the rhythm. Large whitespace is powerful, but too many large spacers can make long pages feel disconnected.