MeldUI

Dialog

A modal dialog that overlays content and requires user interaction.

Usage

Sub-components

DialogContent

Modal content with overlay and close button.

PropTypeDefaultDescription
showCloseButtonbooleantrueShow the X close button in the top-right corner.

DialogScrollContent

Scrollable content variant for long content.

DialogHeader

Header layout container.

DialogTitle

Dialog title text (required for accessibility).

DialogDescription

Optional description below the title.

DialogFooter

Footer layout for action buttons.

DialogClose

Button that closes the dialog.

DialogOverlay

Semi-transparent background overlay.

DialogTrigger

Element that opens the dialog.