Rank badge
Ordinal rank badges with movement arrows and previous rank, medal tints, a rank-change animation and a mini podium of the top three.
Preview
Weekly leaderboard
- Noor Kaplan: 1st place, up 1 from 2ndNoor Kaplan2,840
- Theo Brandt: 2nd place, down 1 from 1stTheo Brandt2,615
- Mira Alvarez: 3rd place, up 2 from 5thMira Alvarez2,402
- Ade Okafor: 4th place, down 1 from 3rdAde Okafor2,310
- Lena Ortiz: 5th place, new entryLena Ortiz2,198
- Omar Haddad: 6th place, unchangedOmar Haddad1,987
Top contributors
Your standing
- Everyoneof 4,210Everyone ranking: 22nd place, up 9 from 31st
- Your teamof 12Your team ranking: 4th place, unchanged
- Longest streakof 4,210Longest streak ranking: 118th place, down 21 from 97th
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| rank | number | — | Current rank, 1 = top; changes roll. |
| previous | number | null | — | Rank last period; null marks a newcomer, omit for no chip. |
| variant | "number" | "ordinal" | "medal" | "number" | #1, 1st, or medal tints for the top three. |
| label | string | — | What is ranked, for screen readers. |
| size | "sm" | "md" | "md" | Badge size. |
| locale | string | "en-US" | Number formatting locale. |
| entries | { key; label; score; initials? }[] | — | PodiumMini: the top three, first place first. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.