Modals, Toasts & Overlays
Three overlay patterns — modal dialog, toast notifications, and a slide-in drawer — each built from a focused AI prompt.
Modal Dialog
Focus trapped while open. Close with ESC or backdrop click. Proper aria-modal and aria-labelledby.
Toast Notifications
Toasts stack in the top-right corner and auto-dismiss after 3s. Each type has a distinct left border and icon.
Drawer / Side Panel
Slides in from the right with an overlay backdrop. Close with the × button, ESC, or backdrop click.