Skip to main content

Function: Dialog()

@arolariu/components


@arolariu/components / Dialog

Function: Dialog()

Dialog(props): ReactElement

Defined in: components/ui/dialog.tsx:84

Coordinates modal dialog state, focus management, and accessibility semantics.

Parameters

props

Readonly<Props>

Returns

ReactElement

Remarks

  • Renders no DOM element by default and coordinates descendant dialog parts
  • Built on Base UI Dialog
  • Supports composition through descendant render props
  • Styling via CSS Modules with --ac-* custom properties

Example

<Dialog>
<DialogTrigger>Open</DialogTrigger>
<DialogContent>
<DialogTitle>Details</DialogTitle>
</DialogContent>
</Dialog>

See

Base UI Documentation

// was this page useful?