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.
<Eyebrow>Default</Eyebrow>
<Eyebrow variant="tag">Tag</Eyebrow>Props
| Prop | Type | Default | What it does |
|---|---|---|---|
render | boolean | true | Set 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. |