Zum Inhalt springen
Fieldbook
Menü
Anmelden
DE

Schaltflächen

Check stroke submit

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.

Check stroke submit verwenden

Check stroke submit verwendet das Vorschauformat „Inline“ mit der Theme-Einstellung „hell/dunkel“.

Vorschau anpassen

Diese Einstellungen werden an die Demo übergeben. Standardwerte und Grenzen gelten für die Vorschau; die vollständige Props-API steht in der Implementierung.

EinstellungTypStandardwertVorschaugrenzen
labeltextSubmitBis zu 24 Zeichen
confirmLabeltextSentBis zu 24 Zeichen
accentcolor#38BDF8Keine weitere Grenze in den Metadaten.
drawMsnumber520Von 200 bis 1400; Schrittweite 20
holdMsnumber1400Von 600 bis 4000; Schrittweite 100
Für welche Frameworks ist Check stroke submit verfügbar?

Check stroke submit ist für React, Vue, Svelte, Astro, HTML verfügbar. Die Live-Vorschau verwendet React; die folgenden Quellcode-Beobachtungen beziehen sich auf index.tsx. Prüfe die gewählte Portierung auf die benötigten Interaktionen.

Welche Abhängigkeiten hat Check stroke submit?

Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: clsx, tailwind-merge.

Welche Details zur Barrierefreiheit sind in Check stroke submit erkennbar?

Der React-Quellcode von Check stroke submit enthält: native Elemente (button); Attribute und Ereignisbehandler (aria-hidden, aria-live). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Check stroke submit reduzierte Bewegung?

Die Quellcode-Analyse fand in der index.tsx von Check stroke submit keine direkte Abfrage über useReducedMotion() oder matchMedia. Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.

Verbinde deinen Agenten

Verwandte offene Komponenten

Standbild der UI-Komponente Flight path confirm button von Fieldbook aus der Kategorie Schaltflächen.
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.
Standbild der UI-Komponente Destructive sweep button von Fieldbook aus der Kategorie Schaltflächen.
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.
Standbild der UI-Komponente Hold to delete von Fieldbook aus der Kategorie Schaltflächen.
1636Hold to deleteSchaltflächenEine zerstörerische Schaltfläche, die erst ausgelöst wird, wenn der Zeiger lange genug gedrückt gehalten wird, damit ein Füllbalken darüber läuft, und der zurückspult, sobald Sie ihn loslassen.
Standbild der UI-Komponente Icon takeover delete von Fieldbook aus der Kategorie Schaltflächen.
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.
Standbild der UI-Komponente Letter swap copy button von Fieldbook aus der Kategorie Schaltflächen.
2718Letter swap copy buttonSchaltflächenEin erhabener Kopierknopf, dessen Beschriftung sich beim Schweben Buchstabe für Buchstabe neu aufbaut, während sein Symbolchip pulsiert und einen Scheck zieht, wenn die Kopie landet.
Standbild der UI-Komponente Perimeter draw button von Fieldbook aus der Kategorie Schaltflächen.
2484Perimeter draw buttonSchaltflächenEine kurze, dicke Stange, die unter dem Etikett geparkt ist, dehnt sich aus und bewegt sich beim Schweben um alle vier Seiten, bis sie sich zu einem vollständigen Umriss schließt, und zieht sich dann beim Verlassen wieder in die Stange zurück.