Switch
Form Controls · Guide 21 of 46
Purpose
On/off toggle for instantly applied settings.
Import
<script lang="ts">
import { Switch } from 'bits-ui';
</script>The registry names Switch as this guide’s namespace. Copy the exact root and part composition from the live demo rather than guessing part names.
Usage checklist
- Provide a visible label and the correct form name and value.
- Exercise keyboard, pointer, disabled, error, and required states.
- Confirm submitted form data matches the visible state.
Secondary reference
After using the local example, consult the upstream Bits UI reference for exhaustive API details.
Continue
- Previous: Checkbox
- Index: All component guides
- Next: Radio Group