Chip 标签Chip · ChipGroup

两种用途：可选中的标签用来筛选（多选或单选，立即生效）；可移除的标签用来展示已添加的条目。只是展示状态、不可交互的小标记请用 Badge。

可选中

传了 selected / defaultSelected / onChange 之一，Chip 就渲染成可按下的按钮，选中时“长出”对勾。

ChipGroup 负责换行排布，并用一个数组管理选中项。默认多选；multiple={false} 时选中一个会取消其它。

筛选条件：open

时间范围

整组禁用

传 onRemove 就显示移除按钮。点击后标签先缩小淡出，再调用 onRemove；放在 ChipGroup 里时其余标签会滑过去补位。

设计前端无障碍动效设计系统

什么交互属性都不传时只是一个静态标签。

只读标签带图标不可移除

属性	类型	默认值	说明
`value`	`string`	—	在 ChipGroup 里标识这一项。
`selected`	`boolean`	—	是否选中（受控）。
`defaultSelected`	`boolean`	—	初始是否选中（非受控）。传了它（哪怕是 false）就变成可选中。
`onChange`	`(selected: boolean) => void`	—	选中状态变化时触发。
`onRemove`	`() => void`	—	传了就显示移除按钮；退场动画播完后调用。
`removeLabel`	`string`	`'移除'`	移除按钮的可读名称；children 是字符串时会拼成“移除 xxx”。
`icon`	`ReactNode`	—	文字前的图标。
`disabled`	`boolean`	—	禁用。

属性	类型	默认值	说明
`value`	`string[]`	—	选中项的 value 列表（受控）。传了 value / defaultValue / onChange 之一，组内带 value 的 Chip 就变成可选中。
`defaultValue`	`string[]`	—	初始选中项（非受控）。
`onChange`	`(value: string[]) => void`	—	选中项变化时触发。单选时数组里最多一个。
`multiple`	`boolean`	`true`	是否可多选。
`disabled`	`boolean`	—	整组禁用。