Read before bed
20 pages · daily
19
Last 12 weeks66 of 79 days
Habit Card
Habit tracker card: a 7-day check row and a 12-week contribution-style grid from a fixed now, a streak with a flame that grows, a check-in key with a pop and dot burst, and a missed state.
Preview
Morning run
Missed yesterday · start a new streak
0
Last 12 weeks52 of 79 days
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| name | string | — | Habit name; names the card. |
| goal | string | — | Line under the name, e.g. "20 pages · daily" (replaced by the missed notice). |
| icon | ReactNode | — | Decorative glyph on the tile. |
| done | string[] | — | Days done, "YYYY-MM-DD". |
| now | string | — | Local date "YYYY-MM-DD" that counts as today; the clock is never read. |
| weeks | number | 12 | Weeks in the history grid. |
| onCheckIn | (date: string, done: boolean) => void | — | Called when today or a past day in the row is toggled. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.