Skip to Content
JoyUI
JoyUI/

复选框

带动画勾选与半选状态,含卡片变体。

带动画勾选与半选状态,含卡片变体。

安装

npx @joyui/cli add checkbox --yes

或通过 JoyUI MCP / CLI 安装。

应用场景

将上方预览中的 props 换成业务文案与状态即可用于表单、工具栏或设置页。

上方预览中的文案、选项与数据均可替换为业务配置;不要复制写死的演示常量到生产。

API

Checkbox
参数说明类型可选值默认值
children标签。ReactNode——
isSelected受控选中。booleantrue · false—
defaultSelected默认选中。booleantrue · falsefalse
isIndeterminate半选。booleantrue · falsefalse
className合并到根节点的额外类名。string——