Skip to main content
Demo site

Modal dialog example

This example uses a native <dialog> element. The dialog is closed by default and can be opened with the button below.

Tip: While the dialog is open, press Escape to close it, or use the visible Close button.

Choose how you want to share. This is sample content to demonstrate focus management and keyboard support.

Example: name@example.com
Sharing level

Saving is simulated. Form validation is included as an example.