> ## 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.

# Zaškrtávací políčko

<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="Hlavička" width="1440" height="680" data-path="images/user-guide/tasks/tasks_header.png" />
</Frame>

Používané, když uživatel potřebuje vybrat více hodnot z několika možností.

<Tabs>
  <Tab title="Použití">
    ```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="Vlastnosti">
    | Vlastnosti      | Typ                | Popis                                                                                       |
    | --------------- | ------------------ | ------------------------------------------------------------------------------------------- |
    | zaškrtnuté      | booleovská hodnota | Ukazuje, zda je zaškrtávací políčko zaškrtnuté                                              |
    | neurčitý stav   | booleovská hodnota | Ukazuje, zda je zaškrtávací políčko ve stavu neurčitosti (ani zaškrtnuté, ani nezaškrtnuté) |
    | onChange        | funkce             | Callback funkce, kterou chcete spustit, když se změní stav zaškrtávacího políčka            |
    | onCheckedChange | funkce             | Callback funkce, kterou chcete spustit, když se změní stav „zaškrtnutí“                     |
    | varianta        | textový řetězec    | Vizuální stylová varianta boxu. Možnosti zahrnují: "primární", "sekundární" a "terciární"   |
    | velikost        | řetězec            | Velikost zaškrtávacího políčka. Má dvě možnosti: "malý" a "velký"                           |
    | tvar            | řetězec            | Tvar zaškrtávacího políčka. Má dvě možnosti: "čtvercový" a "zaoblený"                       |
  </Tab>
</Tabs>