organism
gy-pulse-grid
Density-first layout organism for /pulse that stacks four severity sections vertically and re-orders by operator persona lens.
Live
What you ship.
Markup
<gy-pulse-grid lens="sre">
<gy-list-row slot="red" href="/incidents/INC-42">INC-42 — distill API 5xx spike</gy-list-row>
<gy-list-row slot="green" href="/prs/84">PR #84 merged</gy-list-row>
</gy-pulse-grid>Prop space
Tier
Tag
| Prop | Type | Default | Description |
|---|---|---|---|
lens | GyPulseLens | 'sre' | Operator persona lens — re-orders sections. |
compact | boolean | false | Compact mode — squeezes section padding + gap for phone density. |
counts | GyPulseCounts | {} | Per-section count of rows the consumer is rendering via snippet. Zero / missing count → empty-state (snippet is skipped). |
Slots: red,orange,yellow,green.
Where this lives
import '@gyrum-labs/components/pulse-grid/pulse-grid.js';