Fullscreen dialog · Luxe
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 · Luxe14 / 20
A dark card centered on a black 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