Überlagerungen

Instant Hint Tooltip

Eine kleine Beschriftung, die eingeblendet und skaliert wird, wenn Sie mit der Maus darüber fahren oder den Tastaturfokus neben einem Element anzeigen, um einen schnellen Hinweis zu geben, ohne sichtbare Unordnung zu verursachen.

Instant Hint Tooltip verwenden

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: openDelay, side, accentColor

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2137Cursor-chasing tooltipÜberlagerungenEine Hinweisblase, die beim Schweben oder Fokussieren erscheint und gleiten kann, um dem Zeiger zu folgen, während er sich über den Auslöser bewegt.

2458Underline hint tooltipÜberlagerungenEin gepunktetes und unterstrichenes Wort, das bei Hover- oder Tastaturfokus eine kurze Hinweisblase darüber oder darunter anzeigt, die vollständig von CSS gesteuert wird.

1960Flip Side Hint TooltipÜberlagerungenEine Hinweisblase, die beim Schweben oder im Tastaturfokus erscheint und sich automatisch auf die entsprechende Seite dreht, sodass sie in der Nähe des Bildschirmrands vollständig sichtbar bleibt.

2214Resizing hint tooltipÜberlagerungenEin Hover-Label, dessen Blase sich automatisch in der Größe ändert, wenn der Text länger oder kürzer ist, anstatt zwischen den Größen zu wechseln.

1910Anchored detail popoverÜberlagerungenEine Auslöserschaltfläche, die ein kleines verankertes Bedienfeld mit einem betitelten Einstellungsformular öffnet, aus der Auslöserkante herauswächst und sich bei Escape oder einem Klick von außen schließt.

2257Toolbar icon tooltipÜberlagerungenEine Reihe von Symbolleistenschaltflächen, die nur aus Symbolen bestehen und eine kleine pfeilförmige Beschriftung in der Nähe der Schaltfläche anzeigen, auf der sich der Mauszeiger befindet oder die den Fokus hat.