切换按钮 (Toggle)

一种双状态按钮，可以处于开启或关闭状态。

Component Source API Reference

安装 ​

pnpm dlx shadcn-vue@latest add toggle

用法 ​

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

<template>
  <Toggle>切换</Toggle>
</template>

示例 ​

默认样式 ​

轮廓样式 ​

带文本 ​

小型 ​

大型 ​

禁用状态 ​

Edit this page on GitHub