Schaltflächen

Sliding label button

Ein solider Knopf, dessen Beschriftung direkt nach oben aus dem Rahmen rollt, während eine zweite Linie von unten nach innen rollt, um ihren Platz einzunehmen.

Sliding label button verwenden

Ein solider Knopf, dessen Beschriftung direkt nach oben aus dem Rahmen rollt, während eine zweite Linie von unten nach innen rollt, um ihren Platz einzunehmen.

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, hoverLabel, variant, accent, slideMs

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

2215Rolling cube label buttonSchaltflächenEin Knopf, dessen Beschriftung auf der Vorderseite eines flachen Kastens sitzt. Wenn man also darauf zeigt, dreht sich der Kasten um eine Vierteldrehung, und von oben kommt eine zweite Nachricht.

1836Rolling Label ButtonSchaltflächenEine kompakte leuchtende Pille, deren Beschriftung nach oben aus dem Blickfeld rollt und beim Schweben eine zweite Zeile von unten einblendet.

1632Dot flood buttonSchaltflächenEine umrissene Pille mit einem kleinen Punkt neben dem Etikett; Beim Schweben vergrößert sich der Punkt, bis er die gesamte Schaltfläche überflutet und die Beschriftung zu ihrem umgekehrten Zwilling wechselt.

2703Skewed wipe swap buttonSchaltflächenEine Schaltfläche, deren Beschriftung beim Schweben oder Fokussieren wechselt, während ein geschertes Akzentfeld über die Vorderseite gewischt wird.

2682Ticker swap buttonSchaltflächenEin Pillenknopf, dessen Beschriftung beim Schweben durch einen endlosen Ticker mit demselben Wort ersetzt wird, der seitwärts über die Vorderseite läuft.

2707Amber upload pillSchaltflächenEin warmer Farbverlaufs-Upload-Pill mit einem hellen Rand, der den Farbstich verbreitert und das Etikett beim Schweben von hinten beleuchtet.