# Overlays components

> 10 Overlays components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: AlertDialog, ConfirmProvider, ContextMenu, Dialog, Drawer, DropdownMenu, HoverCard, Popover, Sheet, Tooltip.

Source: https://docs.nasaqui.com/components/groups/overlays

- [AlertDialog](https://docs.nasaqui.com/components/alert-dialog): Modal that interrupts to ask for an explicit answer before a consequential action, plus a ConfirmButton shorthand. Wraps Base UI AlertDialog.
- [ConfirmProvider](https://docs.nasaqui.com/components/confirm-provider): One app-wide confirm dialog you can await from any handler, so `if (!(await confirm({ title }))) return;` replaces window.confirm with a styled, localised AlertDialog.
- [ContextMenu](https://docs.nasaqui.com/components/context-menu): Right-click (or long-press) menu for a region, with items, checkbox and radio items, groups, shortcuts and submenus. Wraps Base UI ContextMenu and shares DropdownMenu styling.
- [Dialog](https://docs.nasaqui.com/components/dialog): Modal dialog for short focused tasks and confirmations, with backdrop, focus trap and a built-in close button. Wraps Base UI Dialog.
- [Drawer](https://docs.nasaqui.com/components/drawer): Mobile bottom sheet on Base UI Dialog with a drag handle and swipe-down-to-close; snaps back below the threshold and respects reduced motion.
- [DropdownMenu](https://docs.nasaqui.com/components/dropdown-menu): Action menu opened from a trigger, with items, checkbox and radio items, groups, shortcuts and submenus. Wraps Base UI Menu.
- [HoverCard](https://docs.nasaqui.com/components/hover-card): Rich preview card shown when a link is hovered or focused, for sighted pointer users. Wraps Base UI PreviewCard.
- [Popover](https://docs.nasaqui.com/components/popover): Anchored floating panel opened by a click on a trigger, holding rich content such as text, forms or actions. Wraps Base UI Popover.
- [Sheet](https://docs.nasaqui.com/components/sheet): Side-over panel that slides from the inline-start, inline-end or bottom edge, with header, scrolling body and footer. Wraps Base UI Dialog.
- [Tooltip](https://docs.nasaqui.com/components/tooltip): Short supplementary label shown on hover and keyboard focus of a trigger. Shorthand plus composable parts over Base UI Tooltip.