New platform
For client teams
<Eyebrow.Root tone="brand">
<Eyebrow.Dot pulse />
<Eyebrow.Label>Nouvelle plateforme</Eyebrow.Label>
</Eyebrow.Root>Dot and Icon are alternatives, not a pair. Use the dot when the label is a
status, the icon when it names an audience.
API
Eyebrow.Root
| Prop | Type | Default | |
|---|---|---|---|
tone | "brand" | "destructive" | "highlight" | "muted" | "primary" | "primary" | Which brand role colours this section: the tint, the solid fill and any connector line move together. Tokens, so a rebrand reaches them. |
Plus every <div> prop. Source: landing/components/eyebrow/root.tsx.
Eyebrow.Dot
| Prop | Type | Default | |
|---|---|---|---|
pulse | boolean | false | The hero variant pulses; the values variant is still. |
Plus every <span> prop. Source: landing/components/eyebrow/dot.tsx.
Eyebrow.Icon
Plus every <span> prop. Source: landing/components/eyebrow/icon.tsx.
Eyebrow.Label
Plus every <span> prop. Source: landing/components/eyebrow/label.tsx.