Overlays
Modals, sheets, drawers, popovers, tooltips, menus, alerts, and toasts. Every sample below is exhaustive — each labeled row shows every size, side, severity, and variant so nothing is hidden.
Dialog
Modal centred dialog with trap focus and dismiss controls. Every size.
ConfirmDialog
Opinionated wrapper for decision patterns. Every severity — primary, warning, and danger.
Sheet
Side-anchored modal. Great for filters, inspectors, mobile nav. Every side.
Drawer
Bottom-anchored sheet with a grab-handle affordance. Mobile-first. Every size.
Popover
Floating panel anchored to a trigger, for rich help or forms. Every side plus alignment.
Tooltip
Contextual hint anchored to a trigger. Supplementary only. Every side.
Alert
Inline banner for page- or section-level notices. Every severity × variant, plus dismissible and an inline action.
Toast + Toaster
Transient feedback. Mount one Toaster per app; call toast.*() from anywhere. Every severity plus a promise toast.