
- استخدام
- المحددات
نسخ
اسأل الذكاء الاصطناعي
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"
/>
);
};
| المحددات | النوع | الوصف |
|---|---|---|
| مختار | قيمة منطقية | يشير إلى ما إذا كان مربع الاختيار محددًا |
| indeterminate | قيمة منطقية | Indicates whether the checkbox is in an indeterminate state (neither checked nor unchecked) |
| عند التغيير | دالة | الدالة التي ترغب في تفعيلها عند تغيير حالة مربع الاختيار |
| عند تغيير الحالة المحددة | دالة | The callback function you want to trigger when the checked state changes |
| نموذج | نص | النمط البصري للصندوق. تتضمن الخيارات: ‘أساسي’، ‘ثانوي’، و ‘ثالثي’ |
| الحجم | نص | حجم مربع الاختيار. Has two options: small and large |
| الشكل | نص | شكل مربع الاختيار. لديه خياران: ‘مربع’ و ‘مدور’ |