Dialog

Modal dialog window overlaying the page content. Composed of DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, and DialogFooter.

Import

Live Demo

Modal dialogs with header, content, and footer compositions.

Share link

Edit profile

Long content

Props

NameTypeDefaultDescription
openboolean—Controlled open state
defaultOpenbooleanfalseInitial open state

Examples

Basic Dialog