- Usage
- Props
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"
/>
);
};
| Props | Type | Description |
|---|---|---|
| checked | boolean | Indicates whether the checkbox is checked |
| indeterminate | boolean | Indicates whether the checkbox is in an indeterminate state (neither checked nor unchecked) |
| onChange | function | The callback function you want to trigger when the checkbox state changes |
| onCheckedChange | function | The callback function you want to trigger when the checked state changes |
| variant | string | The visual style variant of the box. Options include: primary, secondary, and tertiary |
| size | string | The size of the checkbox. Has two options: small and large |
| shape | string | The shape of the checkbox. Has two options: squared and rounded |