Intent UI
pagealert-dialog-examplesource: ok · hit
Alert Dialog
alert-dialog-example
npx shadcn add "https://intentui.com/r/alert-dialog-example"free
Interaction
modal
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lightRegistry dependencies
https://intentui.com/r/buttonhttps://intentui.com/r/modal
Files1 · source cached 10/9/2026, 10:05:29 AM
src/components/examples/overlays/modal/alert-dialog-example.tsx
"use client"
import { Button } from "@/components/ui/button"
import {
Modal,
ModalClose,
ModalContent,
ModalDescription,
ModalFooter,
ModalHeader,
ModalTitle,
} from "@/components/ui/modal"
export default function AlertDialogDemo() {
return (
<Modal>
<Button intent="danger">Revoke Access</Button>
<ModalContent role="alertdialog">
<ModalHeader>
<ModalTitle>Revoke User Access?</ModalTitle>
<ModalDescription>
This will immediately remove all access for the selected user. This action is permanent
and cannot be undone.
</ModalDescription>
</ModalHeader>
<ModalFooter>
<ModalClose>Cancel</ModalClose>
<Button intent="danger">Revoke Access</Button>
</ModalFooter>
</ModalContent>
</Modal>
)
}