Paper Stack
A pile of drawn document sheets in perspective that fans out on hover or focus and lifts the hovered sheet towards the reader.
Preview
Hover or focus the stack to fan it out.
Click a sheet to open it
Hover or focus the stack to fan it out.
Held fanned with fanned
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| sheets | PaperSheet[] | — | Sheets, top of the stack first: { id, title, meta?, content }. |
| label | string | — | Accessible name of the stack. |
| width | number | 168 | Sheet width in px; height follows A4. |
| spread | number | 40 | Fanned spacing between sheets in px. |
| onOpenSheet | (id: string) => void | — | Called when a sheet is opened by click, Enter or Space. |
| fanned | boolean | — | Show the stack fanned at rest instead of only on hover and focus. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.