Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/mui/base-ui/llms.txt

Use this file to discover all available pages before exploring further.

Dialog

A modal dialog that interrupts the user with important content.

Import

import * as Dialog from '@base-ui/react/dialog';

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.

Build docs developers (and LLMs) love