Launch Countdown Section
A pre-launch band with a split-digit countdown from a fixed now, a teaser, launch-day email capture, add-to-calendar, three teasers and a launched state when time is up.
Preview
Launching soon
Pebble 2 arrives in
A calmer notebook for research teams, rebuilt from the ground up.
Thursday 12 November at 17:00 UTCAdd to calendar
What’s coming
- 01BoardsDrag notes into columns and watch themes appear as you sort.
- 02Live presenceSee who is reading what, and follow a teammate through a notebook.
- 03At launchSomething newRevealed at launch.
Out now
Pebble 2 is here
Launched Thursday 12 November at 17:00 UTC. Everything below is unlocked.
Open Pebble 2What’s new
- 01BoardsDrag notes into columns and watch themes appear as you sort.
- 02Live presenceSee who is reading what, and follow a teammate through a notebook.
- 03Offline-first syncWrite anywhere; everything lines up when you are back online.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| launch | Date | — | Launch moment. |
| now | Date | — | Fixed starting moment (server and first paint agree); time advances from here. |
| product | string | — | Product or release name. |
| teaser | ReactNode | — | Teaser line under the heading. |
| eyebrow | ReactNode | "Launching soon" | Pill above the heading. |
| teasers | { title, text, secret? }[] | [] | What's coming cards; secret ones are redacted until launch. |
| onNotify | (email) => void | { error } | Promise | — | Email capture; resolve { error } to show it. |
| onLaunch | () => void | — | Called once when the countdown reaches zero. |
| launchHref | string | "#" | Where Open <product> goes in the launched state. |
| paused | boolean | false | Freeze the clock (e.g. for screenshots). |
| headingLevel | 2 | 3 | 2 | Heading level of the title. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.