Toggle Group

支持单选和多选的按钮组，适用于格式工具栏和视图切换。

#toolbar #buttons #segmented

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

ToggleGroupItemProps

同时支持以下类型的全部属性： Omit<React.ComponentProps<"button">, "value">

属性	类型	默认值	说明
value* 必填	`string`	—	—

安装

$ npx shadcn@latest add https://chromotion.dev/r/toggle-group.json

同类组件

Multi Select

表单与控件

支持搜索、可删除标签、键盘操作和最大选择数的多选下拉框。

Date Range Picker

表单与控件

双月日历范围选择器，支持悬停预览、快捷预设和最小/最大日期。

Currency Input

表单与控件

输入时自动加千分位、失焦补两位小数的金额输入框，可切换币种。