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`	禁用。