Headline

Large headline block with default and highlighted background treatments.

Variants

Default

Loading…
Loading…

Inverted

Loading…
Loading…

Highlight

Wraps the headline text in a highlighted background that reads as one continuous block across multiple lines. Best for short, art-directed headlines.

Line breaks are author-controlled with \n in textContent and each line gets its own highlighted span (joined with <br/>).

Vertical padding sits only on the outer edges — the first line keeps its top padding, the last line keeps its bottom padding, and interior lines get horizontal padding only — so the lines join into a single block rather than separate pills.

Horizontal padding is constant so the left/right edges align.

A single line with no \n is padded on all sides.

Loading…
Loading…

Options

ArgumentTypeDefaultDescription