Überlagerungen

Flip Side Hint Tooltip

Eine 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.

Flip Side Hint Tooltip verwenden

Eine 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.

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: side, openDelay, 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.

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.

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.

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.

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.

2096Traveling Toolbar TooltipÜberlagerungenEin 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.