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.

INC-42 — distill API 5xx spike PR #84 merged

Markup

<gy-pulse-grid lens="sre">
  <gy-list-row slot="red" href="/incidents/INC-42">INC-42 &mdash; 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 organism
Tag gy-pulse-grid
PropTypeDefaultDescription
lens GyPulseLens'sre'Operator persona lens — re-orders sections.
compact booleanfalseCompact 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';
Owner
gyrum-ui
Build state
registered-and-built