labelstringchecked?booleandefaultChecked?neverinvalid?booleanfalseonChange?(checked: boolean, event: ChangeEvent<HTMLInputElement>) => voidref?Ref<HTMLInputElement>| Prop | Type | Default |
|---|
label | string | - |
checked? | boolean | - |
defaultChecked? | never | - |
invalid? | boolean | false |
onChange? | (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void | - |
ref? | Ref<HTMLInputElement> | - |
import { Switch } from '@k8ordo/ui';<Switch
disabled={false}
invalid={false}
required={false}
label="Email notifications"
/><Switch
defaultChecked
disabled={false}
invalid={false}
required={false}
label="Automatic backups"
/>const [checked, setChecked] = useState(false);
<Switch
checked={checked}
disabled={false}
invalid={false}
required={false}
label="Controlled switch"
onChange={(next) => setChecked(next)}
/><Switch disabled invalid={false} required={false} label="Airplane mode" />
<Switch defaultChecked disabled invalid={false} required={false} label="Offline sync" />