Skip to Content

dialog

ui

A window overlaid on the primary window, rendering content underneath inert.

Use cases

  • Forms that need focused attention
  • Detail views
  • Confirmation dialogs
  • Media previews

Features

  • Focus trap and focus restoration
  • Backdrop overlay
  • Accessible title and description
  • Close on Escape and backdrop click

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/dialog

Dependencies

radix-uilucide-reactbutton

API

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

GET/api/v1/ui/dialog

Source

components/ui/dialog.tsx