Components
Drawer
A full-height side sheet over a scrim, for workflows too big for a popover and too contextual for a page. This site's own narrow-viewport navigation is one.
Live
Built on the native <dialog> exactly as GdDialog is — the platform's focus trap, inert background, Escape and scrim, with the geometry changed. Enter is the big-surface grammar (emphasized-decelerate, 400ms); exit is instant, because a dismissed sheet should be gone, not performing.
Drawer, dialog or popover
- Dialog — the user is about to lose something. Centred, small, one decision.
- Drawer — a workflow: filters, settings, a saved parcel's detail, navigation on a phone.
- Popover — an explanation, anchored to the thing it explains.