
- Utilizare
- Proprietăți
Copiază
Întreabă 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"
/>
);
};
| Proprietăți | Tip | Descriere |
|---|---|---|
| bifat | boolean | Indică dacă bifa este selectată |
| indeterminat | boolean | Indică dacă bifa este într-o stare indeterminată (nici bifată, nici nebifată) |
| laSchimbare | funcție | Funcția de callback pe care doriți să o declanșați când starea bifei se schimbă |
| laSchimbareBifată | funcție | Funcția de callback pe care doriți să o declanșați când starea bifat se schimbă |
| variantă | şir | Variantele vizuale ale stilului cutiei. Opțiunile includ: principal, secundar și terțiar |
| dimensiune | şir | Dimensiunea bifei. Are două opțiuni: mic și mare |
| formă | șir | Forma bifei. Are două opțiuni: pătrată și rotunjită |