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
Beispiele
Link mit Vorschau (überfahren oder mit Tab fokussieren)
component.navigationNavigationKopfnavigation in zwei Menü-Formen: klassische Leiste oder Burger-Flyout.
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| trigger * | string | — | Auslöser-Text |
| href | string | "#" | Auslöser-Ziel |
| title * | string | — | Karten-Titel |
| text | string | "" | Karten-Text |
| meta | string | "" | Meta-Zeile |
| imageUrl | string | "" | Vorschaubild |
* Pflicht-Prop
Genutzte Design-Tokens
border.hairlinecolor.border.defaultcolor.surface.overlaycolor.text.defaultcolor.text.linkcolor.text.mutedelevation.overlayfont.family.defaultlayer.dropdownleading.baseradius.controlradius.surfacesize.1size.2size.3size.32text.mdtext.smtext.xsweight.semibold