CheckCard 多选卡片

以卡片形式展示可选择项目，包含禁用、加载和分组选择。

交互演示 React

亲手试一试，更容易理解。

在当前页面运行 CheckCard 多选卡片的交互示例。

交互指南

点击本页的“运行演示”，或在独立窗口中体验示例。也可在 src 下的页面中直接挂载现有演示：

tsx

import Example from "./components/checkCard/CheckCardDemo";

export default function ExamplePage() {
  return <Example />;
}

名称	类型或形式	说明
`title / description / avatar`	内容配置	卡片文字与头像
`defaultChecked / disabled / loading`	boolean	初始选中、禁用和加载
`onChange`	function	选中变化通知
`CheckCard.Group.multiple`	boolean	开启分组多选
`value / initValue`	选项值 / 初始值	卡片标识与组初始选择

extra 内的按钮需要 stopPropagation，避免点击操作时切换卡片选中。示例头像来自外部 CDN。