---
title: Switch 开关
nav:
  title: 组件
  path: /component
group:
  title: 表单组件
  path: /form
  order: 2
---

# Switch 开关

## 何时使用
- 用于在打开和关闭状态之间进行切换。
- 基础状态为常规用法、并支持自定义颜色和自定义大小。加载状态下开关不可点击。

## 代码演示

### 基础用法
<code src="./__fixtures__/basicUsage.tsx" ></code>

### 状态控制
<code src="./__fixtures__/stateControl.tsx" ></code>

### 自定义样式
<code src="./__fixtures__/customStyle.tsx" ></code>

### 事件处理
<code src="./__fixtures__/eventHandling.tsx" ></code>

<API src="./Switch.tsx" ></API>