跳到正文
Linasan UI

ChoiceChips 选择标签

用一排标签做单选或多选;ToggleCard 是可按下的卡片。

值总是数组;multiple={false} 时数组里最多一项。

安装

pnpm dlx shadcn@latest add https://docs.linasan.cn/r/choice-chips.json

第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。

用法

import { ChoiceChips } from '@/components/form/choice-chips';

<ChoiceChips value={channels} onChange={setChannels} options={[{ value: 'email', label: '邮件' }]} />

属性

ChoiceChips

属性

类型

ToggleCard

属性

类型

本页目录