Schaltflächen

Check stroke submit

Eine kompakt gefüllte Absenden-Schaltfläche, deren führendes Häkchen sich Strich für Strich selbst zeichnet, wenn die Aktion erfolgreich ist.

The check redraws after each send, then settles back.

Check stroke submit verwenden

Eine kompakt gefüllte Absenden-Schaltfläche, deren führendes Häkchen sich Strich für Strich selbst zeichnet, wenn die Aktion erfolgreich ist.

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, drawMs, holdMs

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

2524Flight path confirm buttonSchaltflächenEin Buchungsknopf, der ein kleines Flugzeug in einer Runde um sein Gesicht fliegt, während drei Punkte pulsieren, dann grün wird und die Buchung als bestätigt meldet.

2466Add Then Confirm ChipSchaltflächenEin dunkler Chip mit einem warmen Etikett, dessen Plus beim Schweben hin und her wackelt, sich dann in ein Häkchen verwandelt und meldet, dass das Element hinzugefügt wurde.

2675Chat launcher morphSchaltflächenEin runder Werfer, dessen Umriss der Sprechblase sich zu einer engen Markierung zusammenfügt, während seine drei Punkte verschwinden.

2590Copy flick tileSchaltflächenEine quadratische Kachel mit einem Stapel von zwei Seiten; Durch langes Drücken wird die oberste Seite weggeblättert, die Kopie in der Überschrift bestätigt und dann der Stapel zurückgesetzt.

2696Destructive sweep buttonSchaltflächenEine Löschaktion, deren rosafarbene bis purpurrote Schattierung beim Schweben von einem Ende zum anderen streicht und dabei den Behälterdeckel kippt, mit optionalem Halten zum Bestätigen der Linie entlang der Unterkante.

2473Follow latch chipSchaltflächenEin Follow-Chip, der beim Schweben eine Vorschau seines gefüllten Zustands anzeigt und beim Klicken dort einrastet. Wenn er erneut mit der Maus darüber bewegt wird, wechselt er zu einer Unfollow-Eingabeaufforderung in einem Warnton.