切换

一个可以处于开或关状态的双状态按钮。

组件源代码 原生API参考

安装 ​

bash
npx shadcn-vue@latest add toggle

用法 ​

vue
<script setup lang="ts">
import { Toggle } from '@/components/ui/toggle'
</script>

<template>
  <Toggle>Toggle</Toggle>
</template>

示例 ​

默认 ​

轮廓 ​

带文本 ​

小型 ​

大型 ​

禁用 ​

在GitHub上编辑此页面