Previous Popover Next Lightbox

Alert Dialog

Blocking confirmation dialog requiring user action.

This page is a scaffold for the Alert Dialog component. Build the live markup, Alpine.js interactions, and DaisyUI/Tailwind classes here, then replace this placeholder block with the real preview + code snippet.

Planned variants & states to implement:

  • Confirm action
  • Destructive confirm (red)
  • With input confirmation
  • Custom icon
  • Loading state after confirm
9

Modal

Centered dialog overlay with backdrop, header, body, and footer.

Drawer

Side-anchored sliding panel for detail views and actions.

Offcanvas

Off-screen panel that slides in from any edge.

Tooltip

Small contextual label appearing on hover or focus.

Popover

Rich contextual popup with title, content, and arrow.

Lightbox

Full-screen media viewer with navigation controls.

Cookie Notice

GDPR-compliant cookie consent banner with accept/decline.

Age Verification

Age gate overlay requiring confirmation before content access.

Announcement Popup

Promotional modal for announcements, offers, and news.
Previous Popover Next Lightbox