- Kullanım
- Özellikler
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"
/>
);
};
| Özellikler | Tür | Açıklama |
|---|---|---|
| işaretli | boolean | Kontrol kutusunun işaretli olup olmadığını gösterir |
| belirsiz | boolean | Kontrol kutusunun belirsiz bir durumda olup olmadığını gösterir (ne işaretli ne de işaretsiz) |
| onChange | function | Onay kutusunun durumu değiştiğinde tetiklemek istediğiniz geri çağırma işlevi |
| onCheckedChange | function | checked durumu değiştiğinde tetiklemek istediğiniz geri çağırma işlevi |
| varyant | metin | Kutunun görsel stil varyantı. Seçenekler şunları içerir: primary, secondary ve tertiary |
| boyut | string | Kontrol kutusunun boyutu. İki seçenek vardır: small ve large |
| şekil | dize | Kontrol kutusunun şekli. İki seçenek vardır: squared ve rounded |