Schaltflächen

Rising tooltip icon button

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

Rising tooltip icon button verwenden

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

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: accent, label, growth, delaySeconds, size

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

2572Snap back icon buttonSchaltflächenEine bloße Glyphen-Schaltfläche, die sanft unter dem Zeiger wächst und in dem Moment, in dem sie gedrückt wird, wieder auf ihre Ruhegröße zurückkehrt.

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.

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

2628Icon takeover deleteSchaltflächenEine destruktive Schaltfläche, aufgeteilt in ein fettes Wort und eine schmale Symbolzelle; Durch Bewegen des Mauszeigers oder Fokussierens wird die Zelle über die gesamte Schaltfläche vergrößert, bis nur noch die Glyphe übrig bleibt. Bei Berührung erfolgt eine Bestätigung durch zweimaliges Tippen.

2611Lifting glyph rowSchaltflächenEine kurze Reihe von Nur-Symbol-Schaltflächen, bei denen sich die schwebende Glyphe von der Grundlinie abhebt, während dahinter ein sanfter kreisförmiger Farbton eingeblendet wird, wobei jedes Element in seinem eigenen Farbton getönt ist.

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.