Radio Card Group

单选卡片组：整张卡片可点击，原生 radio 提供方向键切换，适合方案选择。

#radio #card #plan

在沙盒中编辑

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

属性

RadioCardGroupProps

同时支持以下类型的全部属性： Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">

属性	类型	默认值	说明
options* 必填	`RadioCardOption[]`	—	—
value	`string`	—	—
defaultValue	`string`	—	—
onValueChange	`(value: string) => void`	—	—
columns	`1 \| 2 \| 3`	`1`	—

安装

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

同类组件

Multi Select

表单与控件

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

Date Range Picker

表单与控件

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

Currency Input

表单与控件

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