Drag-to-dismiss sheet.
Open a proof specification sheet and pull its handle down to close it. A short pull returns the sheet to its reading position.
Specification sheet closed
- Resting states
- Specification sheet closed → Specification sheet open
- Reduced motion
- Open, close and Escape switch the sheet immediately. The handle is optional.
Implementation excerpt
const distance = Math.max(0, event.clientY - startY);
if (distance > sheet.offsetHeight * .35 || velocity > .8) close();Where Unvibed uses it
This public print-desk example is the site’s demonstration of drag-to-dismiss sheet.