Eyebrow

Eyebrow — Prism component.

Signature

Density

Viewport

Theme follows the navbar ☀/☾ toggle

Live demo

Open ↗

When to use

Eyebrow — Prism component.

Accessibility

Use semantic elements (as/level) so structure—not just size—conveys hierarchy. Respect the reader’s line-length and contrast settings.

Import

const { Eyebrow } = window.PrismDesignSystem_39d121;

Props

Prop	Type	Required	Description
as	"p" | "span" | "div"	—	Element to render. Default p.
children	React.ReactNode	—
className	string	—