Fullscreen dialog · Clay
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 · Clay7 / 20
A warm card centered on a brown 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