Modal dialog · Terminal
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 · Terminal12 / 20
Window bar with three dots and ~/roadmap, '$ share-q4-roadmap' prompt, '# comment' copy and [ cancel ] [ send ] text 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