Components

Switch 开关

即时生效的切换开关，适合配置项的启停控制。

尺寸与状态

紧凑开关标准开关宽松开关强制开启

<div class="flex flex-wrap items-center gap-6">
  <Switch v-model="on" size="sm" label="紧凑开关" />
  <Switch v-model="on" label="标准开关" />
  <Switch v-model="on" size="lg" label="宽松开关" />
  <Switch :model-value="true" disabled label="强制开启" />
</div>

API 参考

属性	类型	默认值	说明
model-value	boolean	false	v-model 开启态。
size	'sm' \| 'md' \| 'lg'	md	轨道尺寸。
label	string	—	关联文本。
disabled	boolean	false	禁用。