Skip to content
aq-ui
Back to ComponentsComponent

Dialog

Open-code aq-ui accessible component family for Dialog.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add dialog

API reference

Client moduleView full source

Quick start

"use client"

import { Dialog } from "@/components/ui/dialog"

<Dialog />

Exports

  • Dialog function
  • DialogClose const
  • DialogContent const
  • DialogDescription const
  • DialogHeader const
  • DialogOverlay const
  • DialogPortal function
  • DialogTitle const
  • DialogTrigger const

Registry dependencies

button, utils

Package dependencies

@base-ui/react@^1.7.0, lucide-react@^1.31.0

Files

  • components/ui/dialog.tsx

Source