Segmented nav
Top-level section switcher with a morphing pill, counts, measured overflow into a More menu and a compact icon-only mode.
Preview
Full width
Narrow: the rest moves into More
Compact: icons only
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { value; label; href?; icon?; count? }[] | — | Sections in order; ones that don't fit move into More. |
| value / defaultValue / onValueChange | string / string / (value: string) => void | — / first / — | Current section (the morphing pill). |
| compact | boolean | false | Icons only; labels and counts become the accessible names. |
| label | string | "Sections" | Accessible name of the navigation. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.