molecule
gy-hero
Actionable-first page hero band composed of an eyebrow label, heading slot, and optional lead paragraph slot.
Live
What you ship.
3 things need you today.
Mainline is healthy. Two open items would unblock the distill release.
Markup
<gy-hero eyebrow="Ops">
<h1>3 things need you today.</h1>
<p slot="lead">Mainline is healthy. Two open items would unblock the distill release.</p>
</gy-hero>Prop space
Tier
Tag
| Prop | Type | Default | Description |
|---|---|---|---|
eyebrow | string | '' | Optional eyebrow label rendered above the heading. |
Slots: children,lead.
Where this lives
import '@gyrum-labs/components/hero/hero.js';