Sheet Stack
Nested side sheets that stack: covered sheets scale back and dim, the top one has a back arrow and breadcrumb, and Escape closes only the top sheet.
Preview
Pebble notes
14 pages, 4 members. Settings open in stacked sheets.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | SheetStackPanel[] + trigger | — | Panels as direct children ({ id, title, description?, footer? }); the first is the root. |
| open / defaultOpen / onOpenChange | boolean / boolean / (open) => void | — / false / — | Stack visibility. Closing resets to the root. |
| defaultStack / onStackChange | string[] / (stack) => void | [first panel] / — | Panel ids from root to top. SheetStackLink pushes, Back and Escape pop. |
| container | HTMLElement | null | viewport | Render inside an element instead of the viewport. |
| label | string | — | Prefix for the dialog's accessible name (the breadcrumb trail follows). |
| modal | boolean | true | Trap focus and hide the page. Off for embedded previews. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.