---
name: Switch 开关
route: /IOTSwitch
menu: 组件
---
import { CodeBox } from '../../doc-comps/code-box';

import BasicDemo from './demo/1-demo-basic';
import BasicDemoCode from '!raw-loader!./demo/1-demo-basic.tsx';

import MyTheme from '../../doc-comps/theme';
import style from '!raw-loader!./style/index.less';
import theme from '!raw-loader!../../base/theme.css';

# Switch 开关组件

控制设备开关。

## 代码演示

### 基本用法

<CodeBox code={BasicDemoCode} title="基本用法" desc="">
  <BasicDemo />
</CodeBox>
## API

| 属性       | 说明     |                        类型                                         | 默认值 |
| ----------| -------- | ----------------------------------------------------------------| ------ |
| title      | 标题     |                                     stirng                       |      |
| subTitle      | 副标题   |                                  { show: boolean,value:string}                  |      |
| icon           | 字体图标        |                                                  |          |
| showIcon       | 是否展示图标   |                        boolean                        |      |
| handleChanged |  点击时的回调      |                (checked: boolean) => void;         |           |

## 主题设置
<MyTheme style={style} oldTheme={theme}/>