Overlay Components

Modals, dialogs, popovers, and tooltips for layered interactions

Overlay components appear above the main content to provide additional information or interactions.

Modal
Full-screen overlay dialog for important interactions
Dialog
Focused dialog component for confirmations and forms
Drawer
Side panel that slides in from the edge
Popover
Floating panel for additional content or actions
Tooltip
Contextual information that appears on hover or focus
Dropdown
Menu that appears below a trigger element