Element · 6 Varianten
Hinweis
elements/Hinweis.astro
Tooltip invers und opak in vier Richtungen, Fade 100 ms, ohne Pfeil. Kbd in Mono mit Haarlinie.
Notizen
- Bestand: weder Tooltip noch Kbd.
- Ebenen: Tooltip auf z 40, opak, Deckel-Optik. Kein Schatten, kein Pfeil.
- Nur CSS: group-hover und group-focus-within. Touch zeigt nichts, Inhalt darf nie nur im Tooltip stehen.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "oben" | "unten" | "links" | "rechts" | "kbd" | "kbd-kombi" | "oben" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<Hinweis variant="oben" surface="nacht" />01 · Oben
Über dem Auslöser
Anfrage. Default.
Nacht
Ein Auftrag zur Zeit
Paper
Ein Auftrag zur Zeit
02 · Unten
Unter dem Auslöser
Anfrage. Für Header.
Nacht
Ein Auftrag zur Zeit
Paper
Ein Auftrag zur Zeit
03 · Links
Neben dem Auslöser
Anfrage. Sidebar.
Nacht
Ein Auftrag zur Zeit
Paper
Ein Auftrag zur Zeit
04 · Rechts
Neben dem Auslöser
Anfrage. Icon-Leiste.
Nacht
Ein Auftrag zur Zeit
Paper
Ein Auftrag zur Zeit
05 · Kbd
Eine Taste
Anfrage. Mono xs, Haarlinie.
Nacht
Drücke Esc zum Schließen.
Paper
Drücke Esc zum Schließen.
06 · Kbd Kombi
⌘ K
Suche. gap-2, kein Plus.
Nacht
Suche: ⌘ K
Paper
Suche: ⌘ K