Dialog

An accessible modal window built on Radix Dialog, with overlay, header, footer, title, description, and an optional corner close button.

dialogmodaloverlayradixpopup

Open preview in new tab

How do I install the Dialog component?

Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.

npx shadcn@latest add https://www.saasuji.com/r/dialog.json

Dependencies

Also available as a markdown reference for AI agents: /components/dialog.md

Related components

Alert Dialog

A modal confirmation dialog built on Radix AlertDialog that interrupts the user with a title, description, media slot, and cancel/confirm actions.

Command

A command palette and searchable list built on cmdk, with filtering, groups, keyboard navigation, shortcuts, and an optional dialog wrapper.

Drawer

A swipeable sheet built on Base UI Drawer that slides in from any edge, with snap points, a drag handle, and accessible title and description primitives.