Switch 开关
轻触反馈与状态切换
Switch 开关
轻触反馈 + 明确状态色,适合密集设置页。
状态:Beta
基础用法
<template>
<TuffSwitch v-model="enabled" />
<TuffSwitch v-model="enabled" size="small" />
</template>
Demo
Toggle State
移动与颜色同步变化。
示例即将加载...
状态
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| disabled | - | - | 禁用态 |
| loading | - | - | 加载态 |
| size | smallmediumlarge | - | 尺寸规格 |
API(简版)
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| modelValue | 开关值 | ||
| size | smallmediumlarge | 尺寸 | |
| disabled | 禁用状态 |
Design Notes
- 开关位移与颜色变化必须同步。
- 小尺寸用于列表,大尺寸用于设置页。
组合示例
设置项
开关搭配标签用于设置列表。
示例即将加载...