Dialog
Dialogs interrupt the user flow for focused tasks or confirmations.
Basic
A simple dialog with a trigger button. Use DialogTrigger to open the dialog and DialogClose to dismiss it.
Sizes
Use the size prop on DialogContent to control the dialog width. Available sizes include sm, md, lg, and xl.
Scrollable Body
Use DialogBody for content that may overflow. Scroll behavior activates automatically with edge fades enabled by default.