molecule
gy-handoff
Now-waiting-on-you indicator row showing who handed work over, the verb, how long ago, and an urgency-tinted chip.
Live
What you ship.
Markup
<gy-handoff actor-name="priya" action="review" since="2026-05-08T11:45:00Z" urgency="now" href="/pulse/handoffs/42"></gy-handoff>Prop space
Tier
Tag
| Prop | Type | Default | Description |
|---|---|---|---|
actorName | string | '' | Display name of the person who handed it off. |
actorAvatar | string | no default | Optional avatar URL. Falls back to deterministic initials. |
action | string | '' | Action verb — e.g. "review", "approve", "fix". |
since | string | '' | ISO timestamp the handoff occurred at; rendered as relative time. |
urgency | GyHandoffUrgency | 'today' | Urgency level driving chip tint. |
href | string | no default | Optional deep-link target. When safe + set, the row is an `<a>`. |
Where this lives
import '@gyrum-labs/components/handoff/handoff.js';