Overlays

Modals, dropdowns, tooltips, popovers, sheets, and floating elements.

11 components

Dropdowns

Dropdown menus opening in different directions.

A DaisyUI modal dialog.

A confirmation dialog popup.

A modal dialog containing an HTMX form.

Floating popover using the native Popover API with manual positioning. Supports click/hover triggers, arrow, and edge-aware placement.

Rich popover-based tooltip with positioning and arrow support.

Rich card displayed on hover using the Popover component.

Floating slide-out panel using DaisyUI drawer overlay.

Dropdown menu triggered by a button.

Toggle between two visual states on click.

Right-click menu positioned at the pointer, with roving focus, Escape-to-close, and Shift+F10 keyboard invocation.