Skip to main content

Modal dialog component example

This page demonstrates a modal dialog pattern that is closed by default.

Open the modal dialog

Use the button below to open the dialog. It will return focus to the button when closed.

Dialog content summary

The dialog includes a heading, descriptive text, and a short form field. It has a clear close option and a primary action.

Confirm update

Please confirm the update and provide a brief note so everyone understands the change.

This note will be visible to the team.