template
gy-overview
Tier-4 page template: locked-geometry wrapper with 5 named slots (hero, kpi-strip, body-left, body-right, footer-strip). Pages cannot override max-width / padding / gap from inside slots — that's the template's point. Width variant (narrow/default/wide) is the single dial pages may adjust.
Live
What you ship.
width="narrow"Operator dashboard
What needs you
Three open items.
What just shipped
Recent merges.
width="default"Operator dashboard
What needs you
Three open items.
What just shipped
Recent merges.
width="wide"Operator dashboard
What needs you
Three open items.
What just shipped
Recent merges.
Markup
<gy-overview width="default">
<h1 slot="hero">Operator dashboard</h1>
<div slot="kpi-strip"><gy-kpi-card value="23" label="PRs merged"></gy-kpi-card></div>
<div slot="body-left"><h2>What needs you</h2><p>Three open items.</p></div>
<div slot="body-right"><h2>What just shipped</h2><p>Recent merges.</p></div>
<footer slot="footer-strip">Last 24h activity.</footer>
</gy-overview>Prop space
Tier
Tag
Variants
| Prop | Type | Default | Description |
|---|---|---|---|
width | 'narrow' | 'default' | 'wide' | 'default' | Page-width variant. Picks the matching `--page-max-*` token. |
Slots: hero,kpiStrip,bodyLeft,bodyRight,footerStrip.
Where this lives
import '@gyrum-labs/components/overview/overview.js';