---
title: Bifă
icon: square-check
---

<Frame>
  <img src="/images/user-guide/tasks/tasks_header.png" alt="Antet" />
</Frame>

Utilizat atunci când un utilizator trebuie să selecteze mai multe valori din mai multe opțiuni.

<Tabs>
<Tab title="Utilizare">

```jsx
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"
    />
  );
};
```

</Tab>
<Tab title="Proprietăți">


| 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ă`                                        |



</Tab>
</Tabs>
