Timeline marker
Feed markers: date and new-since dividers with fading lines, status lines with tone discs and a rail, unread dots and counts, and a collapsed-run gap.
Preview
#release-train
2Yesterday
Priya deployed web@2.18.0 to production
Nightly checks failed on search-index
Today
Priya paused the rollout at 40%
Marco9:10 am
Index rebuilt. Safe to resume whenever.
New2
Ines9:21 am
Resuming now, watching error rates.
Ines resumed the rollout · 100%
Markers
March 12
New messages
7 99+
Lint and tests green
Certificate expires in 6 days
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label (TimelineDivider) | ReactNode | — | Divider text; also names the separator. |
| variant (TimelineDivider) | "date" | "new" | "date" | Quiet date pill or accent new-since line. |
| count (TimelineDivider) | number | — | Count badge after the label. |
| align (TimelineDivider) | "center" | "start" | "center" | Start drops the leading line. |
| tone (StatusLine) | "neutral" | "accent" | "success" | "warning" | "danger" | "neutral" | Disc colour and default glyph. |
| icon (StatusLine) | ReactNode | — | Replaces the tone glyph. |
| actor (StatusLine) | ReactNode | — | Who acted, in strong text. |
| time / dateTime (StatusLine) | string | — | Short relative time and its machine-readable value. |
| rail (StatusLine) | boolean | false | Draws the feed rail through the row. |
| count (UnreadMarker) | number | — | Count pill instead of a dot (99+ cap). |
| label (UnreadMarker) | string | "Unread" | Accessible name override. |
| count / noun (TimelineGap) | number / string | — / "events" | Hidden run size and its noun for the button text. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.