Skip to main content Red Hat Design System logo Contribute on Github v2.0.0

Dialog

Overview Style Guidelines Code Demos Accessibility

Overview

A dialog container with a black headline, black body text, two blue buttons, and a dark gray close button all on a white background on top of a slightly transparent black background

Status

What do these mean?
Figma library:
Ready✔️
RH Elements:
Ready✔️
RH Shared Libs:
Ready✔️

Sample element

Leave page

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

Leave Cancel

Open dialog

When to use

  • When you need to confirm user decisions
  • When you need an immediate response from users
  • When you need to notify users of urgent information concerning their current workflow

Property Status Meaning
Figma library Ready✔️ Component is available in the Figma library
RH Elements Ready✔️ Component is available in the RH Elements repo
RH Shared Libs Ready✔️ Component is available in the RH Shared Libs repo
© 2021-2024 Red Hat, Inc. Deploys by Netlify