Skip to main content

Dialog()

Dialog(__namedParameters): Element

Dialog - A modal dialog component for important content and interactions

Provides accessible modal functionality with focus management, backdrop handling, and keyboard navigation. Supports multiple sizes and customizable dismissal behavior. Perfect for confirmations, forms, or any content requiring user focus.

Parameters​

__namedParameters​

DialogProps

Returns​

Element

Example​

// Basic dialog with trigger
<DialogTrigger>
  <Button>Open Dialog</Button>
  <Dialog>
    {({ close }) => (
      <>
        <DialogTitle>Confirm Action</DialogTitle>
        <p>Are you sure you want to continue?</p>
        <DialogFooter>
          <Button onPress={close}>Confirm</Button>
        </DialogFooter>
      </>
    )}
  </Dialog>
</DialogTrigger>