复选框
带动画勾选与半选状态,含卡片变体。
带动画勾选与半选状态,含卡片变体。
安装
npx @joyui/cli add checkbox --yes或通过 JoyUI MCP / CLI 安装。
应用场景
将上方预览中的 props 换成业务文案与状态即可用于表单、工具栏或设置页。
上方预览中的文案、选项与数据均可替换为业务配置;不要复制写死的演示常量到生产。
API
Checkbox
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| children | 标签。 | ReactNode | — | — |
| isSelected | 受控选中。 | boolean | true · false | — |
| defaultSelected | 默认选中。 | boolean | true · false | false |
| isIndeterminate | 半选。 | boolean | true · false | false |
| className | 合并到根节点的额外类名。 | string | — | — |