Radial menu
Circular quick-action menu fanning from a lit centre key (click or press-and-hold), with an ember wedge following pointer angle or arrow keys, a label pill, Escape/outside to close; menu semantics.
Preview
Nothing chosen yet
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { id; label; icon; onSelect?; disabled? }[] | — | Actions, clockwise from 12 o'clock. |
| radius | number (px) | 84 | Distance from the centre key to each action. |
| open / defaultOpen / onOpenChange | boolean / boolean / (open: boolean) => void | — / false / — | Open state; opens on click or press-and-hold. |
| onSelect | (id: string) => void | — | Called with the chosen action (after its own onSelect). |
| defaultHighlighted | string | — | Action highlighted when first shown (for held previews). |
| label | string | "Quick actions" | Accessible name of the trigger and the menu. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.