molecule
gy-todo
Actionable list-row with a checkbox affordance, a tiny priority chip, and linked todo text; consumer holds the canonical done state.
Live
What you ship.
Markup
<gy-todo priority="now" href="#pr-220">Review gyrum-labs/warp PR #220 — 1d old, blocking the distill release.</gy-todo>Prop space
Tier
Tag
| Prop | Type | Default | Description |
|---|---|---|---|
done | boolean | false | Whether the todo is checked off. Consumer-owned. |
priority | 'now' | 'today' | 'this-week' | 'today' | Priority bucket — colours the chip + sets the label. |
href | string | no default | Optional deep-link target. When safe + set, the body is an `<a>`. |
ontoggle | (next: boolean) => void; | no default | Callback fired when the checkbox is clicked. Argument is the next `done` value. |
Slots: children.
Where this lives
import '@gyrum-labs/components/todo/todo.js';