Skip to main content

Function: DialogModal()

DialogModal(__namedParameters): any

Defined in: composites/Dialog/Dialog.tsx:272

A modal wrapper that renders a scrim backdrop and a positioned surface.

Combines React Aria's ModalOverlay (backdrop) and Modal (surface) with semantic tokens from CONTRACT.md §1 (Entity = Overlay).

Parameters

ParameterType
__namedParametersDialogModalProps

Returns

any

Example

<DialogTrigger>
<Button>Open</Button>
<DialogModal>
<Dialog>
<DialogHeading>Title</DialogHeading>
<p>Body content here.</p>
</Dialog>
</DialogModal>
</DialogTrigger>