Fieldbook
Anmelden

Eingabefelder

Labeled checkbox

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

Labeled checkbox verwenden

Ein kleines quadratisches Kontrollkästchen gepaart mit einer Textbeschriftung, einfach dargestellt, mit Hilfstext, deaktiviert und als Karte, die ihren Rand hervorhebt, wenn sie aktiviert 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: accent, label, helperText, showDisabled

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

Check draw toggle
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.
Tri-state checkbox
2787Tri-state checkboxEingabefelderEin Kontrollkästchen mit den Zuständen „nicht aktiviert“, „aktiviert“ und „unbestimmt“, das die Akzentfarbe voll ausfüllt und ein Häkchen durch einen Bindestrich ersetzt.
Checkmark draw checkbox
1934Checkmark draw checkboxEingabefelderEin quadratisches Kontrollkästchen, das auf eine Prüfung antwortet, indem es Strich für Strich ein Häkchen zeichnet und stattdessen einen kurzen Strich anzeigt, wenn sein Status nur teilweise festgelegt ist.
Drawn check checkbox
2343Drawn check checkboxEingabefelderEin Kontrollkästchen, dessen Häkchen sich Strich für Strich selbst zeichnet, während das Kästchen mit einer durchgehenden Akzentfarbe gefüllt wird.
Settings Toggle Row
2017Settings Toggle RowEingabefelderEine beschriftete Einstellungsreihe, die in einem Ein-Aus-Schalter endet, dessen Daumen sich beim Drücken ausdehnt und zurückspringt, wenn er zur Ruhe kommt.
Sun Moon Switch
2058Sun Moon SwitchEingabefelderEin Pillenschalter, dessen Daumen zwischen zwei Ruhepositionen gleitet, während ein Sonnensymbol und ein Mondsymbol, die die Spur flankieren, passend ein- und ausgeblendet werden.