- Docs
- components
- Dialog
Dialog
A dialog is an overlay shown above other content in an application.
The HTML <dialog> element can be used to build dialogs. However, it is not yet widely supported across browsers, and building fully accessible custom dialogs from scratch is very difficult and error prone. Dialog helps achieve accessible dialogs that can be styled as needed.
Preview
Code
Installation
CLI
Copy & Paste
NPM
PNPM
Bun
Yarn
npx shadcn@latest add https://backchanel.com/default/dialogUsage
Basic
Preview
Code
Alert dialog
Preview
Code
Sheet
Preview
Code
Popover Dialog
Preview
Code