Scroll tabs
Overflowing tab strip with edge fades and arrows only when it overflows, drag-to-scroll, selection kept in view and a sliding ember underline.
Preview
Library · drag the strip or use the arrows
- Five inks, one ember2d ago
- Pebble depth recipe3d ago
- Motion tokens v24d ago
- Icon grid at 16 px5d ago
Fits: no fades, no arrows
12 open issues, 2 assigned to you.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue / onValueChange | string / string / (value: string) => void | — | ScrollTabs: selected tab (Radix Tabs API). |
| aria-label | string | — | ScrollTabsList: name of the tab list. |
| value | string | — | ScrollTabsTrigger / ScrollTabsContent: pairs a tab with its panel. |
| count | number | — | ScrollTabsTrigger: count pill after the label (ember when selected). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.