Überlagerungen

Toolbar icon tooltip

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

Draft the release note, then reach for bold, italic, underline, a link, or alignment to keep it easy to scan.

Hover or focus a tool to preview it

Toolbar icon 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: side, align, sideOffset, accent

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?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

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.

2207Pop scale panelÜberlagerungenEin Popover, das aus halber Größe aufspringt, einen kleinen Pfeil zurück auf seinen Auslöser zeigt, die Seite dahinter abdunkelt und sich bei Escape oder einem Klick von außen schließt.

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.

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.

2300App folder expandÜberlagerungenEine Ordnerkachel im Startbildschirm-Stil, deren kleine App-Symbole zu einem vollständigen Bedienfeld wachsen, wobei jedes Symbol von seiner Miniaturansicht zu seiner großen Position wandert.

1923Bounce warning dialogÜberlagerungenEin Bestätigungsdialog erscheint mit einem federnden Überschwingen und einem springenden Symbolabzeichen und fordert eine Antwort auf, bevor die Seite unten wieder nutzbar ist.