Switch
Switch belongs to the Forms category. Start with demos and usage, then use the API tables to finish integration and styling decisions.
Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.
If you are composing interactions in the same family, these components usually pair well together.
Version history is grouped by release so you can quickly see what changed for this component across published versions.
2026-05-12
add direction support for switch component
2026-05-11
Implement SwitchCompact
2025-11-18
introduce SSwitch component along with SwitchRoot and SwitchThumb, implementing theme context and enhancing switch functionality
enhance switch examples with new size, shape, and slot variations; update default switch value and card title
add base example for SSwitch component in playground
update card title from 'Separator' to 'Switch' for clarity in the switch example
improve type handling in context and update aria-checked logic for better accessibility
introduce SSwitch component along with SwitchRoot and SwitchThumb, implementing theme context and enhancing switch functionality
enhance switch examples with new size, shape, and slot variations; update default switch value and card title
add base example for SSwitch component in playground
update card title from 'Separator' to 'Switch' for clarity in the switch example
improve type handling in context and update aria-checked logic for better accessibility