Spacer

Use spacers to create consistent vertical spacing between elements when margin or padding may not render reliably in email clients.

When to use

• Use spacer components to add vertical space in 8-pixel increments (e.g. 8px, 16px, 24px).
• Spacers use a table-based layout with fixed height to maintain consistent rendering across all email platforms.
• Avoid using <br> tags or empty rows for spacing—these are unreliable and can cause layout issues.
• Use spacers to support visual hierarchy, improve readability and separate content without introducing excessive white space.
• Apply spacers intentionally to maintain a clear and consistent vertical rhythm.