Quick switcher
Jump-to-page switcher with fuzzy matching and highlighted letters, recent pages first, a preview pane and full keyboard navigation, inline or as a ⌘P dialog.
Preview
↑↓to move
- No page matches “alp”.
Open: Pebble launch plan
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { id; title; path?; icon?; preview?; meta? }[] | — | Pages to switch between; preview and meta show beside the list. |
| recent | string[] | [] | Recently opened ids, newest first; shown first when nothing is typed. |
| onOpen | (id: string) => void | — | Called when a result is opened by click or Enter. |
| limit / defaultQuery | number / string | 8 / "" | Max results and the initial query. |
| bindShortcut | boolean | true | QuickSwitcher: open the dialog with ⌘/Ctrl + P. |
| trigger / open / onOpenChange | ReactNode / boolean / (open) => void | — | QuickSwitcher: element that opens it and controlled dialog state. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.