IA
Ines Alvarado@ines
Design lead, Pebble
LisbonJoined March 2024
- Plans shipped
- 128
- Reviews
- 342
- Week streak
- 19
- Followers
- 1.2k
286 updates in the last 25 weeks
Approved Cycle 15 plan
2hCommented on Tablet QA
YesterdayShipped Invite flow v2
Fri
Profile Page
A contained public profile with a drawn cover, overlapping avatar, follow toggle, stat strip and tabs for activity (contribution heatmap), project cards and about.
Preview
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| name | string | — | Person's name; names the profile article. |
| handle | string | — | Shown as @handle beside the name. |
| role | string | — | Role line. |
| location | string | — | Location with a pin glyph. |
| joined | string | — | Display text, e.g. "Joined March 2024". |
| avatar | string | — | Image URL; initials show without it. |
| bio | ReactNode | — | About tab copy. |
| skills | string[] | [] | Focus-area chips on the About tab. |
| links | { label, href }[] | [] | Links on the About tab. |
| stats | { label, value }[] | [] | Hairline stat strip under the header. |
| contributions | { date, value }[] | [] | Daily counts for our CalendarHeatmap on the Activity tab. |
| contributionUnit | string | "contributions" | Unit for heatmap labels and total. |
| activity | { id, text, time }[] | [] | Recent activity timeline. |
| projects | { id, name, description?, status, progress?, team?, updated? }[] | [] | Project cards; status is "active" | "shipped" | "paused". |
| defaultTab | "activity" | "projects" | "about" | "activity" | Tab open first. |
| onFollowChange / defaultFollowing | (following) => void / boolean | — / false | Shows a Follow toggle. |
| onMessage | () => void | — | Shows Message. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.