Schaltflächen

Rocking icon CTA

Eine solide Akzentpille, deren führendes Kalendersymbol beim Schweben wie ein Metronom wackelt und beim Anklicken ein Häkchen zeichnet und den Wortlaut durch eine bestätigte Bezeichnung ersetzt, bevor es wieder zur Ruhe kommt.

Rocking icon CTA verwenden

Eine solide Akzentpille, deren führendes Kalendersymbol beim Schweben wie ein Metronom wackelt und beim Anklicken ein Häkchen zeichnet und den Wortlaut durch eine bestätigte Bezeichnung ersetzt, bevor es wieder zur Ruhe kommt.

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, confirmLabel, accent, rockDegrees, rockSeconds

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react. 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

Disc to Pill CTA

2622Disc to Pill CTASchaltflächenEine kleine gefüllte Scheibe neben einem leeren Etikett in Großbuchstaben dehnt sich beim Schweben oder Fokussieren zu einer vollen Pille aus, gibt den Text frei und trägt den Pfeil mit.

2714Expanding icon pillSchaltflächenEine runde Symbolschaltfläche, die sich beim Schweben in eine beschriftete Pille ausdehnt und bei Eintreffen einer Akzentfüllung ihre Glyphe gegen ein Wort eintauscht.

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.

2580Overshoot icon buttonSchaltflächenEine blasse Pille mit einer großen illustrierten Glyphe am linken Ende, die über den Rand hinaus nach außen zieht und beim Schweben oder Fokussieren zurückspringt.

Ring halo pill button

2521Ring halo pill buttonSchaltflächenEine Pillentaste, die um ihren farbigen Kern herum eine klare Lücke lässt, diese Lücke mit einem aufgehellten Akzentring beim Schweben oder auf der Tastatur füllt und sich beim Drücken nach innen drückt.

Squaring backer button

2567Squaring backer buttonSchaltflächenEine solide Pille mit einem geneigten Zwilling dahinter, der beim Schweben gerade einrastet und aufleuchtet, während sich von links neben dem Etikett ein Pfeil entfaltet.