KQ-066 · LAYER/PEEL
Layer Peel
Drag the corner grip and the top sheet peels back on its left hinge, shading as it lifts while the layer beneath rises to meet it — release past the detent to tear it away, release early and it recoils shut.
KQ-066 · LAYER/PEEL
DISPATCH STACK · 03 SHEETS
KQ-066
DISPATCH BRIEF
routing window opens 06:00
two couriers on standby
SHEETS PEELED · 00
Drag the grip left past the detent - short pulls recoil shut.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/layer-peel
Props
- layers
- { id, label, content }[]
- default —
- Two to six sheets, top first.
- onPeel
- (id) => void
- default —
- Fires as a sheet tears away.
- loop
- boolean
- default true
- Cycle back to the first sheet after the last.
- height
- number
- default 230
- Stage height in px.
| Prop | Type | Default | Description |
|---|---|---|---|
| layers | { id, label, content }[] | — | Two to six sheets, top first. |
| onPeel | (id) => void | — | Fires as a sheet tears away. |
| loop | boolean | true | Cycle back to the first sheet after the last. |
| height | number | 230 | Stage height in px. |