Checkbox

Ein 18px-Kästchen: erhaben und umrandet, Ink wenn angehakt, mit einem Haken, der sich selbst zeichnet.

Quelltext
import { Checkbox, CheckboxGroup } from "@logicplanes/kaeso-ui";

Props

  • aria-describedby
    string

    Die IDs der Elemente, die es beschreiben.

  • aria-label
    string

    Der zugängliche Name, wenn es keine sichtbare Beschriftung gibt.

  • aria-labelledby
    string

    Benennt das Kästchen über anderen Text, etwa die erste Zeile einer Reihe, deren Beschriftung mehr enthält.

  • checked
    boolean

    Ob es angehakt ist, bei gesteuertem Zustand.

  • defaultChecked
    boolean

    Ob es anfangs angehakt ist, wenn die Komponente ihren Zustand selbst verwaltet.

  • description
    ReactNode

    Ein Satz Hilfe unter der Beschriftung.

  • disabled
    boolean

    Schaltet es aus: Es lässt sich nicht verwenden und wirkt abgeblendet.

  • id
    string

    Die ID des Steuerelements, damit eine Beschriftung an anderer Stelle darauf verweisen kann.

  • indeterminate
    boolean

    Zeigt einen Strich: Ein Teil der Gruppe ist angehakt, aber nicht alles.

  • invalid
    boolean

    Zeigt es als ungültig; zusammen mit einer Nachricht, die sagt, was zu korrigieren ist.

  • label
    ReactNode

    Die Beschriftung; die ganze Zeile wird zur Klickfläche.

  • name
    string

    Der Feldname, unter dem der Wert mit einem Formular gesendet wird.

  • onCheckedChange
    ((checked: boolean) => void)

    Wird mit dem neuen Zustand aufgerufen, wenn es an- oder abgehakt wird.

  • readOnly
    boolean

    Zeigt den Wert, ohne dass er sich ändern lässt.

  • required
    boolean

    Markiert es in einem Formular als Pflichtfeld.

  • value
    string

    Der Wert, der mit dem Formular gesendet wird, und der Wert in einer CheckboxGroup.