Schaltflächen

Icon swell tooltip

Eine chromlose Symbolschaltfläche, deren Glyphe beim Schweben anschwillt und sich neu verfärbt, während sich darüber am linken Rand ein Beschriftungschip entfaltet.

Hover an icon or tab through the row to read each label

Icon swell tooltip verwenden

Eine chromlose Symbolschaltfläche, deren Glyphe beim Schweben anschwillt und sich neu verfärbt, während sich darüber am linken Rand ein Beschriftungschip entfaltet.

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: label, accent, iconSize, swell, openDelay

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

2697Download tooltip buttonSchaltflächenEine quadratische Symbolschaltfläche, deren Download-Pfeil sich nach unten bewegt und die Akzentfarbe annimmt, während sich darunter eine dateigroße Beschriftung entfaltet.

2554Rising tooltip icon buttonSchaltflächenEine chromfreie Symbolschaltfläche, deren Glyphe beim Schweben anschwillt und eine Warnfarbe annimmt, während nach einer kurzen Verzögerung ein kleiner Beschriftungschip darüber aufsteigt.

2657Tooltip tint icon rowSchaltflächenEine Reihe kreisförmiger Symbolschaltflächen, bei denen beim Schweben eine beschriftete Blase darüber angehoben wird und beide in der jeweiligen Farbe des Elements überflutet werden.

2469Arrow to label pillSchaltflächenEin runder Chevron-Knopf, der sich beim Schweben in eine breite beschriftete Pille ausdehnt und die Markierung gegen ein Wort eintauscht, während die flache Füllung zu einer Rampe mit zwei Stopps wird.

2641Border brighten buttonSchaltflächenEine dunkle Schaltfläche, deren Zwei-Pixel-Rahmen der einzige bewegliche Teil ist: Beim Schweben wird sie weiß und verkleinert sich zu einem engen inneren Ring, während die Schaltfläche gedrückt gehalten wird.

2536Dashed outline tooltip buttonSchaltflächenEine gestrichelte Geisterschaltfläche, die beim Schweben oder Fokussieren mit ihrem Akzent überflutet, während sich ein spitzer Tooltip aus dem Rand entfaltet, der der Schaltfläche am nächsten liegt.