Skip to content
All effectsOverlays

Sheet Snap

It rests on a snap point before it goes full height.

Pure CSSOverlaysPro

Usage

Meant for

SheetDrawer

Examples

On a Sheet

It rests on a snap point before it goes full height. The pause at 46% is the snap — take it out and this is a plain slide-up, which is what a sheet without snap points feels like. The sheet is SheetContent's bottom surface inside a phone-sized frame.

Done: Deploy checkout-v342.1s
Running: Index design tokens6.3s
Waiting: Send weekly report—
Run detailsIndex design tokens · started 6 s ago

The class is wm wm-sheet-snap — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.