Eyebrow
Uppercase section label rendered in small-caps with tracked letter-spacing. Used to introduce content groups, label panels, and head navigation sections. Optionally shows a numeric count badge and an after slot for trailing actions.
Examples
Loading examples…
API
From COMPONENTS.md.
Uppercase section label with optional count.
<Eyebrow count={12} after={<Node />}>Recipes</Eyebrow>
Under the chrome and surface dials, a short accent rule sits before the label; under underline, it doesn't. The label itself is always fg2.