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