Tooltip — component.tooltip
Hinweis-Blase bei Hover/Fokus — rein CSS (kein JS), Ebene über layer.dropdown
Componentv1.1.1Overlayweb.documentweb.applicationdesktop.shell
Beispiele
Über Button (hover/fokus)
Speichert den Auftrag sofortUnter Badge
ÜberfälligSeit 3 Tagen überfälligSeitlich (end)
Rechts vom AuslöserEigenschaften
| Prop | Typ | Default |
|---|---|---|
text * | string | — |
position | string: top | bottom | start | end | "top" |
Events & Slots
Slot default: akzeptiert ui.*, component.* · Pflicht · max 1
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--tooltip-color | var(--color-text-inverse) |
--tooltip-background | var(--color-surface-inverse) |
Genutzte Design-Tokens
color.surface.inverse color.text.inverse duration.fast easing.standard elevation.overlay font.family.default layer.dropdown leading.base radius.sm size.1 size.3 text.xs