Tooltip
Hinweis-Blase bei Hover/Fokus — rein CSS (kein JS), Ebene über layer.dropdown
Beispiele
Über Button (hover/fokus)
Speichert den Auftrag sofort
Unter Badge
ÜberfälligSeit 3 Tagen überfällig
Seitlich (end)
Rechts vom Auslöser
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| text * | string | — | Hinweistext |
| position | string: top | bottom | start | end | "top" | Position |
* Pflicht-Prop
Events & Slots
Slot default:
akzeptiert ui.*, component.*
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--tooltip-color | var(--color-text-inverse) |
--tooltip-background | var(--color-surface-inverse) |
Genutzte Design-Tokens
color.surface.inversecolor.text.inverseduration.fasteasing.standardelevation.overlayfont.family.defaultlayer.dropdownleading.baseradius.smsize.1size.3text.xs