Swipe tabs
Mobile tabs whose panels swipe horizontally; the indicator tracks the drag, release snaps with velocity, and the tabs keyboard pattern slides panels too.
Preview
Journal
- New
Ridge loop at dawn
8.2 km · 2 h ago
Birch hollow
3.1 km · Yesterday
Quarry steps
5.6 km · Sat
Lantern lake
11.4 km · Last week
Old mill path
2.4 km · Last week
Pebble boardwalk
Easy · 4 km
Fern gully
Moderate · 7 km
High tor traverse
Hard · 15 km
Orchard lanes
Easy · 3 km
- Pinned
Heron point
Saved for spring
Cliff path north
Saved for a clear day
Journal
- New
Ridge loop at dawn
8.2 km · 2 h ago
Birch hollow
3.1 km · Yesterday
Quarry steps
5.6 km · Sat
Lantern lake
11.4 km · Last week
Old mill path
2.4 km · Last week
Pebble boardwalk
Easy · 4 km
Fern gully
Moderate · 7 km
High tor traverse
Hard · 15 km
Orchard lanes
Easy · 3 km
- Pinned
Heron point
Saved for spring
Cliff path north
Saved for a clear day
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tabs | { value; label; count?; content }[] | — | Tabs and their panels, in order. |
| value / defaultValue / onValueChange | string / string / (value: string) => void | — / first / — | Current tab; changes on tap, arrow keys or swipe. |
| label | string | "Sections" | Accessible name of the tablist. |
| listClassName | string | — | Classes for the tab strip. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.