Dialog

A modal window overlaying the primary app view.

Dialog

A modal window overlaying the primary app view.

Installation

pnpm dlx vibe-ui-kit@latest add dialog button

💡 Vibe UI Component Dependencies: This component requires other components to work correctlyPlease make sure you also install these Vibe UI component dependencies: button

Themes

Explore all style variants side-by-side.

Props

DialogContent

Prop	Type	Default	Description
variant	'default' \| 'glass' \| 'retro' \| 'glow'	'default'	The aesthetic variant styling theme to apply to the dialog container.
showCloseButton	boolean	true	Controls the visibility of the absolute positioned 'X' close button at the top right.

PreviousDate Picker

Next Drawer

Contributors

Jenish Sabhadiya

Theme Customizer

Primary Theme Accent

Border Corner Radius

Glass Backdrop Blur8px

Export CSS Config

@theme {
  --radius: 0.5rem;
  --glass-blur: 8px;
}

Changes apply instantly to this documentation workspace.

Dialog | Vibe UI