Skip to Content

alert-dialog

ui

A modal dialog that interrupts the user with important content and expects a response.

Use cases

  • Destructive action confirmation (delete, remove)
  • Irreversible operation warnings
  • Critical user decisions requiring explicit consent
  • Payment or subscription confirmations

Features

  • Focus trap — keyboard stays within dialog
  • Blocks interaction with content behind
  • Cancel and action buttons
  • Accessible title and description

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/alert-dialog

Dependencies

radix-uibutton

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/alert-dialog

Source

components/ui/alert-dialog.tsx