Overlay
9 components
Dialogs, panels and floating content.
ActionMenu
items: [{ key, label, description?, badge?, tone?, disabled?, hasDialog?, href?, target?, external?, onClic…
Backdrop
A dimmed layer over the page that blocks interaction behind it, with optional children centered on it: a Lo…
ConfirmDialog
A confirm / cancel dialog built on Modal. onConfirm runs the action and onClose dismisses it. While busy th…
ContextMenu
Wrap an area and give it items; right-clicking inside opens a custom menu at the pointer instead of the def…
Dialog (Modal)
Modal is the dialog shell; ConfirmDialog is built on it. ActionMenu doubles as the dropdown / menu
component.
Drawer
Panel dialog that opens from an edge (side: right, left, top or bottom) with focus trap, Escape and backdro…
Popover
Button that toggles a floating panel with any content. Closes on outside click and Escape.
Toast
Drive it with useTimedToast; render <Toast toasts={toasts} onClose={hideToast} /> once. Several toasts stac…
Tooltip
Shows on hover and keyboard focus. placement is top, bottom, left, right or auto (best fit), optionally wit…