◆ Hermod Mail is pre-v0.1 — release acceptance is still in progress Read the release status →
Components Templates Pricing Docs Guides Changelog Contact Read the docs
← All components
LAYOUT

Divider

Since pre-v0.1 · Maizzle source

A token-colored horizontal rule with solid, dashed, dotted, and optional labelled treatments.

<!-- src/components/Divider.vue -->

<Divider variant="solid" :brand="true" />

Props

Prop Type Default Description
variant 'solid' | 'dashed' | 'dotted' 'solid' Border style.
label string — Optional centered caption.
brand boolean false Use the brand color instead of the border token.
DO
✓Use one divider style per email.
✓Prefer whitespace over rules where the grouping is already clear.
DON'T
✗Do not use <hr> directly; Outlook widens it unpredictably.
✗Do not stack dividers to fake spacing — use Spacer.
ACCESSIBILITY
—Labelled variants keep the caption as text.

Build Laravel email locally

Start with eight MIT Core templates. Pro licensing and stable release are still prelaunch.

Read setup guide Contact
Docs Contact