Skip to main content

​
Dialog

A modal dialog that interrupts the user with important content.

​
Import

​
Dialog.Root

Groups all parts of the dialog. Doesn’t render its own HTML element.

​
Props

​
Dialog.Trigger

A button that opens the dialog.

​
Dialog.Backdrop

An overlay displayed beneath the dialog popup.

​
Props

​
Dialog.Popup

The dialog’s content.

​
Props

​
Dialog.Portal

Portals the dialog popup and backdrop to a different part of the DOM.

​
Props

​
Dialog.Close

A button that closes the dialog.

​
Dialog.Title

An accessible title that is announced when the dialog is opened.

​
Dialog.Description

An optional accessible description that is announced when the dialog is opened.

​
Dialog.Viewport

Provides scrollable area for dialog content if needed.