ComponentsLumos 0.0.1Open component

Eyebrow

The small line of text above a heading.

A short label that sits above a heading and tells the reader what kind of thing they are looking at. Two forms: a marker beside the text, or a filled pill.

astro
<Eyebrow>Default</Eyebrow>
<Eyebrow variant="tag">Tag</Eyebrow>

Props

PropTypeDefaultWhat it does
renderbooleantrueSet to false to skip this component and everything inside it.
variant"default" | "tag""default"default draws a marker beside the text. tag drops the marker and puts the text in a filled pill.