Switch / 开关

开关组件。

特性

支持平滑 CSS 动画

支持颜色、大小、圆角等样式调整

针对桌面端、移动端优化

基础用法

Size

<script setup>
const value = ref(false)
</script> 
<template>
  <Switch v-model="value" size="md" />
</template>

图标

支持在开关上添加图标。

<script setup>
const value = ref(false)
</script> 
<template>
  <Switch 
    v-model="value" 
    off-icon="i-line-md-close" 
    on-icon="i-line-md-circle"
  /> 
</template>