@# Switch

**Switch** is a form control for toggling between boolean states. It is similar to
[**Checkbox**](#core/components/checkbox), but presents a more skeuomorphic appearance that mimics a physical switch.

Its whole label is interactive and it supports a few visual modifiers for different UI layouts.

@reactExample SwitchExample

@## Props interface

@interface SwitchProps

@## CSS API

<div class="@ns-callout @ns-intent-warning @ns-icon-warning-sign @ns-callout-has-body-content">
    <h5 class="@ns-heading">

Deprecated API: use [`<Switch>`](#core/components/switch)

</h5>

CSS APIs for Blueprint components are considered deprecated, as they are verbose, error-prone, and they
often fall out of sync as the design system is updated. You should use the React component APIs instead.

</div>

@css switch
