Jump bar
A–Z index scrubber beside a grouped list: drag or hover along the letters to jump, a big letter bubble while scrubbing, dimmed letters without entries, sticky section headers, and a slider keyboard path.
Preview
9:41
Contacts
9:41
Contacts
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| groups / renderItem / getKey | { letter; items }[] / (item) => ReactNode / (item) => string | — | JumpList: the grouped list (headers stick to the top). |
| letters | string[] | A–Z + # | Index letters; ones with no group are dimmed and skipped. |
| initialLetter | string | — | JumpList: group scrolled to the top on mount. |
| previewLetter | string | — | Show the scrub bubble on this letter until the first interaction. |
| available / value / onJump | string[] / string / (letter) => void | — | JumpBar on its own: letters with entries, the current letter, and the jump. |
| label | string | "List" / "Jump to letter" | Names of the list region and the slider. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.