Split Button
A primary action with an attached chevron menu that switches the default action, remembers the choice and keeps a fixed width; includes a static menu panel for previews.
Preview
#482 Cache invoices
Ready to merge · 3 checks passed
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| actions | SplitAction[] | — | { id, label, description?, icon?, onSelect }. Required. |
| value / defaultValue / onValueChange | string / string / (id) => void | — / first action / — | Which action the main button runs; switched from the chevron menu. |
| rememberKey | string | — | Remember the chosen default in localStorage under this key. |
| variant / size | "primary" | "secondary" | "outline" / "sm" | "md" | "lg" | "primary" / "md" | Surface and size. |
| disabled / menuLabel | boolean / string | — / "Choose default action" | Disable both parts; accessible name of the chevron. |
| SplitButtonMenuPanel | { actions, value, remembered? } | — | A static, inert picture of the open default-action menu for docs and previews (a live menu is modal). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.