Default

The default form of a switch component:

<Switch />

<Switch />

Checked

The switch state is managed by react and is set to true:

() => {
    const [ checked, setChecked ] = useState(true);
    return <Switch onCheckedChange={() => setChecked(!checked)} checked={checked} />
};

() => {
    const [ checked, setChecked ] = useState(true);
    return <Switch onCheckedChange={() => setChecked(!checked)} checked={checked} />
};

The switch state is managed by react and is set to false:

() => {
    const [ checked, setChecked ] = useState(false);
    return <Switch onCheckedChange={() => setChecked(!checked)} checked={checked} />
};

() => {
    const [ checked, setChecked ] = useState(false);
    return <Switch onCheckedChange={() => setChecked(!checked)} checked={checked} />
};

The switch is disabled:

<Switch checked={false} disabled={true} />

<Switch checked={false} disabled={true} />

The switch is disabled and the state is set to true;

<Switch checked={true} disabled={true} />

<Switch checked={true} disabled={true} />