Formulare

Scribble strike checklist

Scribble strike checklist: Eine Aufgabenliste, bei der beim Markieren einer Zeile eine wackelige, handgezeichnete Linie über das Etikett gezeichnet wird und bei der Deaktivierung sie zurückgezogen wird.

Draft the release notesSync with design on card spacingPing legal about the updated termsMerge the flaky checkout test fix

Scribble strike checklist verwenden

Scribble strike checklist verwendet das Vorschauformat „Karte“ 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.

Einstellung	Typ	Standardwert	Vorschaugrenzen
`strokeMs`	`number`	`1000`	Von 200 bis 2000; Schrittweite 50
`accent`	`color`	`#9BE15D`	Keine weitere Grenze in den Metadaten.
`wobble`	`number`	`1`	Von 0 bis 2; Schrittweite 0.1
`dimCompleted`	`boolean`	`true`	Keine weitere Grenze in den Metadaten.

Für welche Frameworks ist Scribble strike checklist verfügbar?

Scribble strike checklist 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 Scribble strike checklist?

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

Welche Details zur Barrierefreiheit sind in Scribble strike checklist erkennbar?

Der React-Quellcode von Scribble strike checklist enthält: native Elemente (input, label); Attribute und Ereignisbehandler (aria-hidden). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Scribble strike checklist reduzierte Bewegung?

Scribble strike checklist liest die Bewegungseinstellung im React-Quellcode über matchMedia(prefers-reduced-motion). 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 Focus Guard Form von Fieldbook aus der Kategorie Formulare.

1964Focus Guard FormFormulareEin Formular, das bei einer fehlgeschlagenen Übermittlung die Übermittlung abbricht, den Tastaturfokus direkt auf das erste ungültige Feld verschiebt und das Problem für Benutzer von Bildschirmleseprogrammen ankündigt.

Standbild der UI-Komponente Notification preferences von Fieldbook aus der Kategorie Formulare.

2876Notification preferencesFormulareZustelloptionen für Arbeitsbereichsereignisse wählen und eine lesbare Übersicht speichern.

Standbild der UI-Komponente Release notification form von Fieldbook aus der Kategorie Formulare.

2887Release notification formFormulareEin Formular für Versionshinweise prüft eine E-Mail-Adresse und erfasst lokal die gewünschte Häufigkeit.

Standbild der UI-Komponente Scrub Number Input von Fieldbook aus der Kategorie Formulare.

2030Scrub Number InputFormulareEin Zahlenfeld mit Schaltflächen zum Erhöhen und Verringern sowie einer verschiebbaren Beschriftung, die den Wert beim seitlichen Ziehen nach oben oder unten verschiebt.

Standbild der UI-Komponente Tall Code Keypad von Fieldbook aus der Kategorie Formulare.

2064Tall Code KeypadFormulareEin randloses Verifizierungsformular, das auf ungewöhnlich hohen Codefeldern basiert, mit Ziffern, die mit einem kurzen Sprung landen, und einer gedrückten Rücktaste, die alles löscht.

Standbild der UI-Komponente Verification Code Card von Fieldbook aus der Kategorie Formulare.

2080Verification Code CardFormulareEin umrahmter Verifizierungsschritt mit einem beschrifteten Codefeld, einer Verifizierungsschaltfläche, die erst entsperrt wird, wenn der Code vollständig ist, und einem Link zum erneuten Senden bei einem Countdown.