Dialogs display information in a window or help a user focus on a task without navigating them away from the page. A user cannot perform other actions until the dialog is dismissed.

Sample component

Dialog

Standard modal dialog

A standard modal dialog contains text, and optionally some controls like links or buttons

Leave page

If you leave the page, any unsaved information will be lost.

Leave Cancel
Open modal dialog

Video modal dialog

Open video modal dialog
Not coded yet RHDS repo Studio repo PFE repo Drupal/FTS repo Adobe Target repo Other repo Row last updated Notes/pattern/usage Component doc
Dialog x x 9/14/22
Last updated: 9/14/2022

Demos

View a live version of this component and see how it can be customized.

View the <rh-dialog> demo in a new tab

© 2021-2023 Red Hat, Inc. Deploys by Netlify