
- **用法**
- 属性
复制
询问AI
import { Checkbox } from "twenty-ui/display";
export const MyComponent = () => {
return (
<Checkbox
checked={true}
indeterminate={false}
onChange={() => console.log("onChange function fired")}
onCheckedChange={() => console.log("onCheckedChange function fired")}
variant="primary"
size="small"
shape="squared"
/>
);
};
| 属性 | 类型 | 描述 |
|---|---|---|
| 选中 | 布尔值 | 指示复选框是否被选中 |
| 不确定 | 布尔值 | 指示复选框是否处于不确定状态(既非选中也非未选中) |
| onChange | 函数 | 当复选框状态更改时需要触发的回调函数 |
| onCheckedChange | 函数 | 当checked状态更改时需要触发的回调函数 |
| 变体 | 字符串 | 盒子的视觉样式变体。 选项包括:primary,secondary, 和 tertiary |
| 大小 | 字符串 | 复选框的大小。 有两个选项:small 和 large |
| 形状 | 字符串 | 复选框的形状。 有两个选项:squared 和 rounded |