Stats Section
A big-number stats band that counts up in view with supporting lines and small drawn visuals, as a bordered grid or a story-plus-stats split.
Preview
- Teams planning weekly4,200+
Up from 1,100 a year ago
- More shipped per cycle18%
Median across teams after 3 cycles
- Minutes to set up15
From sign-up to first plan
- Plans approved on time92%
Before Monday standup
Why teams stay
Calm weeks show up in the numbers
We measure what changes after a team plans its week in one place: less slipping, faster reviews, fewer pings.
“We stopped arguing about status. The plan just says it.”
- Teams planning weekly4,200+
Up from 1,100 a year ago
- More shipped per cycle18%
Median across teams after 3 cycles
- Minutes to set up15
From sign-up to first plan
- Plans approved on time92%
Before Monday standup
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| stats | { id, value, label, from?, prefix?, suffix?, format?, description?, visual? }[] | — | Each stat counts up with our StatCounter when it scrolls into view; visual is a small drawn chart or avatar stack. |
| layout | "grid" | "split" | "grid" | Bordered band of stats, or a story column beside a 2 × 2 grid. |
| eyebrow | ReactNode | — | Small label with an ember dot. |
| title | ReactNode | — | Heading; names the section (otherwise "Key numbers"). |
| description | ReactNode | — | Line under the heading. |
| story | ReactNode | — | Extra content under the story in the split layout, such as a quote. |
| duration | number | StatCounter default | Seconds each number takes to count up. |
| headingLevel | 2 | 3 | 2 | Heading level of the title. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.