Volt UI Logo

Dialog

A window overlaid on either the primary window or another dialog window. Supports modal dialogs and drawers.

Default Dialog

Drawer (Right)

Drawer (Left)

Features

  • Keyboard navigation with Escape key to close
  • Click outside to close (configurable)
  • Focus trap for accessibility
  • Smooth animations and transitions
  • Support for modal dialogs and side drawers
  • ARIA attributes for screen readers

Component Source

Install via CLI:npx github:Andersseen/volt-ui add dialog
TypeScript
Loading editor...

Copy this code to your project. The component uses ng-primitives/dialog.