Eingabefelder

Drawn check checkbox

Ein Kontrollkästchen, dessen Häkchen sich Strich für Strich selbst zeichnet, während das Kästchen mit einer durchgehenden Akzentfarbe gefüllt wird.

Notify me by emailWeekly digest of new comments

Click the label or the box, or tab to it and press space.

Drawn check checkbox verwenden

Ein Kontrollkästchen, dessen Häkchen sich Strich für Strich selbst zeichnet, während das Kästchen mit einer durchgehenden Akzentfarbe gefüllt wird.

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, checked, accentColor, drawDuration

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?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

1932Check draw toggleEingabefelderEin quadratisches Kontrollkästchen, dessen Häkchen sich beim Aktivieren Strich für Strich selbst zeichnet, mit sanftem Drücken und Hover-Skala.

2375Labeled checkboxEingabefelderEin kleines quadratisches Kontrollkästchen gepaart mit einer Textbeschriftung, einfach dargestellt, mit Hilfstext, deaktiviert und als Karte, die ihren Rand hervorhebt, wenn sie aktiviert ist.

1982Select All ChecklistEingabefelderEin übergeordnetes Kontrollkästchen, das einen Bindestrich anzeigt, wenn nur einige seiner untergeordneten Elemente aktiviert sind, und ein Häkchen, sobald alle Elemente aktiviert sind.

2802Settings toggle switchEingabefelderEin kleiner Pillen-Ein/Aus-Schalter mit einem Schiebeknopf, der eine einzelne Einstellung umschaltet, wobei die Spur von gedämpft zu einem soliden Akzent wechselt, während sich der Knopf wie ein Gummi dehnt, wenn er mitten im Schieberegler gedrückt wird.

2433Sliding Thumb SwitchEingabefelderEin Ein-/Ausschalter, der aus einem versteckten Kontrollkästchen besteht: einer Pillenleiste, die sich neu einfärbt, und einem runden Daumen, der an die gegenüberliegende Kante gleitet.

2782Stacked option checklistEingabefelderEine gestapelte Liste beschrifteter Kontrollkästchen, die eine gemeinsame Auswahl haben, mit einer laufenden Zählung der Anzahl ausgewählter Elemente.