Docs
切换组

切换组

一组可以打开或关闭的双状态按钮。

文档API 手册

安装

¥Installation

pnpm dlx shadcn@latest add toggle-group

用法

¥Usage

import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group"
<ToggleGroup type="single">
  <ToggleGroupItem value="a">A</ToggleGroupItem>
  <ToggleGroupItem value="b">B</ToggleGroupItem>
  <ToggleGroupItem value="c">C</ToggleGroupItem>
</ToggleGroup>

示例

¥Examples

默认

¥Default

大纲

¥Outline

单个 ​​

¥Single

小

¥Small

大

¥Large

已禁用

¥Disabled

切换工具提示