Fullscreen dialog · Playful
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 · Playful15 / 20
A chunky 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