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…