> ## Documentation Index
> Fetch the complete documentation index at: https://docs.twenty.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Kontrol Kutusu

<Frame>
  <img src="https://mintcdn.com/twenty/GMeQVDsw5ST_LXpE/images/user-guide/tasks/tasks_header.png?fit=max&auto=format&n=GMeQVDsw5ST_LXpE&q=85&s=4c4e26ebbb9b40e541a945a9cda7c28a" alt="Başlık" width="1440" height="680" data-path="images/user-guide/tasks/tasks_header.png" />
</Frame>

Bir kullanıcı birden fazla seçeneği seçmek istediğinde kullanılır.

<Tabs>
  <Tab title="Kullanım">
    ```jsx theme={null}
    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="Özellikler">
    | Ö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`                           |
  </Tab>
</Tabs>