People list
A team directory grouped by team with presence dots, role chips, local time from a fixed now, search and a hover card with details.
Preview
Pebble team7 · 3 online
Engineering3
- 08:20New York
Back at 15:00
14:20Lagos- 22:20 (outside working hours)Tokyo
Design2
Reviewing pricing page
13:20LondonIn a crit until 14:00
13:20Lisbon
Customer2
- 14:20Stockholm
- 00:20 (outside working hours)Sydney
Hover a name for details.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| people | Person[] | — | { id, name, role, team, presence, timeZone, location?, email?, status?, lead? }; presence is online, away, busy or offline. |
| now | Date | — | Reference time for local clocks (keeps SSR stable). |
| teamOrder | string[] | [] | Teams shown first, in this order; the rest follow alphabetically. |
| onMessage | (person) => void | — | Adds a Message button to the hover card. |
| label | string | "People" | Heading of the list. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.