Modal dialog example

Open the dialog

Use the button below to open a modal dialog. The dialog is closed by default and includes a clear close button.

What to expect

• The dialog uses the native dialog element for semantics.
• Focus moves to the dialog when it opens and returns to the trigger when it closes.
• All controls have visible labels.