KQ-099 · CRUMPLE/SHEET
Crumple Sheet
Dismiss crumples the sheet into a paper ball — a deterministic facet mesh converges over the fading content, shading by how far each triangle collapsed, and the wad sits there as a button until you smooth it back out with a settle wobble.
KQ-099 · CRUMPLE/SHEET
DRAFT NOTICE
KQ-099
DRAFT · REV 2
Routing memo awaiting countersign.
Supersedes REV 1 held on file.
SGD · K. QUILL
REG 04-KQ
SHEET · FLAT
Crumple the draft - press the wad to smooth it back out.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/crumple-sheet
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | The sheet's content. |
| crumpled / defaultCrumpled / onCrumpleChange | boolean / boolean / (crumpled) => void | — | Controlled or uncontrolled wad state. |
| dismissLabel / restoreLabel | string / string | — | Chip and wad wording. |
| height | number | 220 | Stage height in px. |