Overlay components

Dialogs, popovers, and sheets that layer above the page.

15 components

Alert Dialog

Modal dialog for confirming destructive or important actions.

Tooltip that animates in on hover or focus with a scale-and-fade.

Command palette with search, groups, and keyboard navigation.

Right-click context menu with items and submenus.

Modal dialog overlay for focused content and actions.

Slide-out panel anchored to the screen edge.

Accessible dropdown menu with items, checkboxes, radio groups, and submenus.

Inline edge label for relationship semantics such as streams, handoffs, or policies.

Card that appears on hover for previewing content.

Floating content panel anchored to a trigger element.

Modal dialog for sharing a page across social platforms with a copy-link action and overridable labels.

Slide-over panel from the edge of the screen.

Temporary notification messages with action support.

Informational popup displayed on hover or focus.

Zoom controls with current percentage, increment buttons, and reset action for canvas views.