Skip to main content

Variable: DialogPortal

@arolariu/components


@arolariu/components / DialogPortal

Variable: DialogPortal

const DialogPortal: ForwardRefExoticComponent<Omit<DialogPortalProps, "ref"> & RefAttributes<HTMLDivElement>> = BaseDialog.Portal

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

Portals dialog descendants outside the local DOM hierarchy.

Remarks

  • Renders no DOM element by default and portals descendants into the document body
  • Built on Base UI Dialog
  • Does not expose a render prop because it only controls mounting context
  • Styling via CSS Modules with --ac-* custom properties through descendant components

Example

<DialogPortal>
<DialogOverlay />
<DialogContent />
</DialogPortal>

See

Base UI Documentation

// was this page useful?