Modal dialog · Organic
A modal dialog with a dimmed scrim, focus trap, Escape and scrim-click dismiss, scroll lock, focus return to the trigger and an inline-validated invite form.
Design · Organic18 / 20
Pebble-shaped asymmetric radii, serif title, dashed divider under the standfirst and soft sage pill buttons.
Motion
The dialog grows from the button that opened it, scaling out from the trigger's position over a fading scrim.
Accent
A modal dialog with a dimmed scrim, focus trap, Escape and scrim-click dismiss, scroll lock, focus return to the trigger and an inline-validated invite form.
modaldialogoverlayfocus trapforminvitescrim