Split Panel
Two-pane card where a vertical list selects the detail with a gliding active indicator, collapsing to master-detail navigation with Back in narrow containers.
Preview
Inbox
Export stuck at 90%
The nightly invoice export has been at 90% since 06:10. It started after we added the Lisbon entity.
job exp_7731 · step 9/10 · waiting on fx-rates
Narrow container: master-detail
Export stuck at 90%
The nightly invoice export has been at 90% since 06:10. It started after we added the Lisbon entity.
job exp_7731 · step 9/10 · waiting on fx-rates
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { id; label; meta?; aside?; icon?; dot?; title?; content }[] | — | List entries and the detail each one shows. |
| value / defaultValue / onValueChange | string | first item | Selected item; a defaultValue opens the detail in narrow layouts. |
| label / heading | string / ReactNode | "Items" / — | Tab list name and an optional heading above it. |
| empty | ReactNode | "Select an item" | Detail placeholder when nothing is selected. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.