Skip to content

[data-js-navigation-trigger] { display: none !important; }

Back to ComponentsComponent

Alert Dialog

Open-code aq-ui accessible component family for Alert 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 alert-dialog

API reference

Client moduleView full source

Quick start

"use client"

import { AlertDialog } from "@/components/ui/alert-dialog"

<AlertDialog />

Exports

AlertDialog function
AlertDialogAction const
AlertDialogCancel const
AlertDialogContent const
AlertDialogDescription const
AlertDialogFooter const
AlertDialogHeader const
AlertDialogMedia const
AlertDialogOverlay const
AlertDialogPortal function
AlertDialogTitle const
AlertDialogTrigger const

Registry dependencies

button, utils

Package dependencies

@base-ui/react@^1.7.0

Files

components/ui/alert-dialog.tsx

Source