Overlay — Components
7 Definitionen in dieser Kategorie — live aus der Registry, Karten führen zur Detailseite.
Dialog-Stapel
Mehrstufiger Dialog (Wizard): gestapelte Ebenen mit Zurück/Weiter, hintere Ebenen bleiben versetzt sichtbar — Escape schließt, emittiert step und finish
Dropdown-Menü
Auslöser-Button mit Aktionsmenü — Outside-Click und Escape schließen, select als semantisches Event
Hover-Karte (Vorschau)
Vorschau-Karte beim Überfahren/Fokussieren eines Auslösers (Link-Vorschau, Personen-Karte): Titel, Text, Meta-Zeile — mit Verzögerung, schließt bei Verlassen/Escape
Modal
Dialog mit Backdrop (surface.backdrop + layer.modal) — Schließen über X, Backdrop-Klick und Escape; inline-Modus für Demo/Builder
Popover
Generischer verankerter Overlay: Klick auf den Auslöser öffnet ein Panel mit freiem Slot-Inhalt — schließt bei Außenklick und Escape. Für reine Hover-Vorschau component.hover-card, für Menüs component.dropdown
Schublade (Drawer)
Von rechts einfahrendes Slideout-Panel mit Backdrop (Untitled-UI-Muster): Öffner-Button, Kopf mit Titel + Schließen, Inhalt, Fußleiste — Escape/Backdrop schließen
Tooltip
Hinweis-Blase bei Hover/Fokus — rein CSS (kein JS), Ebene über layer.dropdown