Komponente · 6 Varianten
Popover
components/Popover.astro
v2: Position aus dem Auslöser gerechnet, folgt Scroll und Resize. Natives popover, opak mit Haarlinie, ohne Pfeil. Text, Liste, Aktionen mit destruktivem Punkt, kleines Formular, oben, breit.
Notizen
- Bestand: nichts. Hinweis (Tooltip) ist nur Hover; Popover ist Klick mit Fokus.
- Position absolut zum Auslöser, Anchor-Positioning später.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "text" | "liste" | "aktionen" | "formular" | "oben" | "breit" | "text" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<Popover variant="text" surface="nacht" />01 · Text
Caption, w-64
Hinweis. —
Nacht
Ein Slot, vierzehn Tage. Kein Account dazwischen.
Paper
Ein Slot, vierzehn Tage. Kein Account dazwischen.
02 · Liste
Drei Links, erster im Fond
Menü-Panel. —
Nacht
Paper
03 · Aktionen
Buttons, Löschen abgesetzt
Button destruktiv. Haarlinie.
Nacht
Paper
04 · Formular
Feld und Speichern
Feld. —
Nacht
Paper
05 · Oben
Über dem Auslöser
Hinweis oben. bottom-100%.
Nacht
Ein Slot, vierzehn Tage. Kein Account dazwischen.
Paper
Ein Slot, vierzehn Tage. Kein Account dazwischen.
06 · Breit
w-96
Anfrage. —
Nacht
Ein Slot, vierzehn Tage. Kein Account dazwischen. Breit für längere Sätze, maximal 65 Zeichen pro Zeile.
Paper
Ein Slot, vierzehn Tage. Kein Account dazwischen. Breit für längere Sätze, maximal 65 Zeichen pro Zeile.