Dialog
One modal shape: a shell with the header and footer on it, the content in a card.
Installation
Default
Header and footer on the shell, DialogBody is the card. A form wraps DialogBody and DialogFooter (className="contents"); submit sits in the footer.
No footer
Without a footer the body ends the dialog.
Without close button
showCloseButton={false}: no ✕, the footer action closes it.
Scrolling body
A long body scrolls; header and footer stay.
Nested
A dialog opened from a dialog stacks on it.
Opened from a menu
The menu item sets the dialog’s open; the dialog lives outside the menu.