# Switch 开关

### 介绍
用于在打开和关闭状态之间进行切换。

### 引入

```js
import ySwitch from "yesaway-wui/src/components/ySwitch";
```

## 代码演示

### 基础用法
通过 `v-model` 绑定开关的选中状态，`true` 表示开，`false` 表示关。
```html
<y-switch v-model="bool"></y-switch>
```
```html
export default {
    data() {
        return {
            bool: false,  
        };
    },
};

```
### 自定义风格
通过`color`修改开关风格，可选值有`main``warning``info``danger`
```html
<y-switch color="warning"></y-switch>
<y-switch color="info"></y-switch>
<y-switch color="danger"></y-switch>

```

### 禁用状态
通过 `lock` 属性来禁用开关，禁用状态下开关不可点击。
```html
<y-switch v-model="bool" lock></y-switch>
```

## API

### Props

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| v-model | 开关选中状态 | _any_ | false |
| lock | 是否禁用 | _Boolean_ | false |
| color | 样式主题，可选值为 `main``warning``info``danger` | _string_ | main |