<style scoped>
	.source {
		padding: 20px ;
	}
	.source .mc-switch {
		margin-right: 10px;
	}
</style>
<script>
    export default {
        data() {
            return {
                switch1: false,
                switch2: false,
	            switch3: true,
                switch4: false
            }
        }
    }
</script>

## Switch 开关
开关组件，用于两种状态间的切换

### 基础用法
:::demo
```html
<mc-switch v-model="switch1">
<script>
	export default {
	    data(){
		    return {
                switch1: true
		    }
	    }
	}
</script>
```
:::

### 禁用开关
:::demo
```html
<div>
	<mc-switch v-model="switch2" disabled></mc-switch>
    <mc-switch v-model="switch3" disabled></mc-switch>
</div>
<script>
    export default {
        data(){
            return {
                switch2: false,
                switch3: true
            }
        }
    }
</script>
```
:::

### 设置开关宽度
:::demo
```html
<mc-switch v-model="switch4" :width="40">
<script>
    export default {
        data(){
            return {
                switch4: false
            }
        }
    }
</script>
```
:::


|参数		|说明		|类型		|可选值		|默认值		|
|-----------|-----------|-----------|-----------|-----------|
|disabled		| — 		|Boolean		| — 		| — 		|
|label		| — 		|String/Number		| — 		| — 		|