Dialog Component

A modal dialog component that overlays the main content. Perfect for forms, confirmations, and any content that requires user attention.

Basic Dialog

A simple dialog with trigger button.

Sizes

Different dialog sizes for various content types.

Real-world Examples

Common dialog patterns used in applications.

Confirmation Dialog

Form Dialog

Settings Dialog

Information Dialog

Alert Dialog

Installation

npx shadcn@latest add https://catppuccin-components.vercel.app/r/dialog.json