Fullscreen dialog · Minimal
A dialog centered on a full-frame scrim. A click grows it from the center at 96%. The keyboard and Escape close it at once.
Design · Minimal3 / 20
A hairline card centered on a dark scrim.
Motion
A click grows the dialog from its center at 96% in 200ms. Escape jumps.
Accent
A dialog centered on a full-frame scrim. A click grows it from the center at 96%. The keyboard and Escape close it at once.
dialogfullscreenmodaloverlay