Overlays
ModalDialog
Shared focus and scroll behavior for menus, language selection and dialogs.
Used on the websiteLive example
Variants and composition
ModalDialog
Where it is used
- Desktop and mobile menus
- Language selector
Usage refers to clinic and information pages, excluding demonstrations in this catalog.
Usage considerations
Provide a dialog name and a close control. Escape, backdrop dismissal, focus return and scroll locking follow the shared ModalDialog behavior.