Überlagerungen

Traveling Toolbar Tooltip

Ein einzelner schwebender Tooltip, der sanft von einem Symbol in der Symbolleiste zum nächsten gleitet, wenn der Mauszeiger oder der Fokus zwischen ihnen bewegt wird, anstatt jedes Mal zu verschwinden und wieder aufzutauchen.

Traveling Toolbar 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, closeDelay, 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

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.

1927Bulk action toolbarÜberlagerungenEine schwebende Symbolleiste, mit der Sie nacheinander durch eine Warteschlange von Datensätzen blättern können, mit Symbolaktionen, deren Bezeichnung beim Bewegen der Maus angezeigt wird, und einer primären Schaltfläche, die das Ziel bestätigt.

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.

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.

1983Instant Hint TooltipÜberlagerungenEine 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.

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.