Components / Overlay

Overlay

Modals, drawers, bottom sheets, popovers, and tooltips that layer on top of content.

Modals

Focused dialogs with a backdrop.

Modal

Confirmation modal

Same pattern as modal with a form inside.

Form modal

Set the dialog to inset-0 with no max width for immersive flows.

Fullscreen modal

Panels that slide in from edges.

Right drawer

Bottom sheet

Floating context near a trigger.

Popover

Tooltip

reza@amerza.dev

Hover card

Actions on right-click.

Trigger via onContextMenu.

Context menu