Vertical tabs
Settings-style vertical tabs with icons, badges and a sliding ember-marked chip that fold into a select in narrow containers.
Preview
Profile
How others see you in Pebble.
Name
Priya Raman
Used for sign-in and digests
priya@pebble.example
Time zone
Europe/Lisbon
Notifications
Mentions
Instant
Comments
Daily digest
Launches
Off
In a narrow container the list folds into a select above the panel.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { value; label; icon?; badge?; disabled? }[] | — | VerticalTabs: tabs in order, with optional icon and badge. |
| value / defaultValue / onValueChange | string / string / (value: string) => void | — / first item / — | VerticalTabs: selected tab, controlled or uncontrolled. |
| label | string | "Sections" | VerticalTabs: names the tab list, and the select in narrow containers. |
| value | string | — | VerticalTabsPanel: pairs a panel with its tab. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.