Switch

Eine Pill-Spur und ein runder Griff, der in 180ms wandert.

Quelltext
import { Switch } from "@logicplanes/kaeso-ui";

Props

  • aria-label
    string

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

  • aria-labelledby
    string

    Die ID des Elements, das es benennt, wenn seine Beschriftung an anderer Stelle der Seite steht.

  • 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.

  • disabledReason
    string

    Warum es deaktiviert ist, als Tooltip gezeigt; es bleibt fokussierbar, damit man den Grund lesen kann.

  • id
    string

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

  • label
    ReactNode

    Die Beschriftung des Schalters.

  • loading
    boolean

    Zeigt, dass die Änderung gespeichert wird, und ignoriert Klicks, bis sie gespeichert ist.

  • 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.

  • size
    "md" | "sm" | "lg" = md

    Die Größe des Schalters.