Tooltip

Tooltips sind vom Benutzer ausgelöste Meldungen, die zusätzliche Informationen über ein Seitenelement oder eine Funktion liefern. Meistens werden sie durch ein Hovern ausgelöst.

  • Schrack Seconet
  • Neutral
  • Verwendung

Beispiel

Die Größe des Tooltips ist variable, jedoch sollen maximal zwei Sätze eingepflegt werden. Die Breite sollte maximal 200 Pixel und die Höhe 80 Pixel betragen.

Tooltip Beispiele in Light und Dark Mode

Interaktionen

Tooltips werden standardmäßig auf zwei Arten ausgelöst: durch eine Mouse-Hover-Geste oder durch eine Keyboard-Hover-Geste. Sobald man nicht mehr über das jeweilige Element hovert, verschwindet der Tooltip. Mobil werden sie jedoch durch einen Klick getriggert und lösen sich nach einem Delay oder durch Klicken eines anderen Elements auf (= Popup).

Cookies akzeptieren

Showcases

Cookies akzeptieren
Über das Design SystemWas gibt es Neues?Für DeveloperFür DesignerComponentsFoundationsIcon LibraryFeedbackFAQKontaktImpressumDatenschutz