Dock
Magnifying app dock whose tiles swell with pointer or keyboard focus on springs, with labels, running dots, badges and toolbar keyboard navigation.
Preview
Launch checklist
Notes
- Press kit to Ines
- Walkthrough voice-over
- Pricing page QA
Compact · 34 px tiles, trash disabled
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | number | 44 | Dock: resting tile size in px. |
| magnification | number | 72 | Dock: tile size in px under the pointer or keyboard focus. |
| distance | number | 140 | Dock: how far in px the swell reaches neighbouring tiles. |
| label | string | "Dock" | Dock: toolbar name. DockItem: app name, used for the label and aria-label. |
| running | boolean | false | DockItem: shows the running dot under the tile. |
| badge | number | string | — | DockItem: ember count on the tile corner, capped at 99+. |
| tileClassName | string | — | DockItem: classes for the tile surface, e.g. the lit key. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.