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

# Флажок

<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="Заголовок" width="1440" height="680" data-path="images/user-guide/tasks/tasks_header.png" />
</Frame>

Используется, когда пользователю необходимо выбрать несколько значений из нескольких вариантов.

<Tabs>
  <Tab title="Использование">
    ```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="Свойства">
    | Свойства        | Тип     | Описание                                                                               |
    | --------------- | ------- | -------------------------------------------------------------------------------------- |
    | отмечено        | булево  | Указывает, отмечен ли флажок                                                           |
    | неопределенное  | булево  | Указывает, находится ли флажок в неопределенном состоянии (ни отмечен, ни снят)        |
    | onChange        | функция | Функция обратного вызова, которую вы хотите вызвать при изменении состояния флажка     |
    | onCheckedChange | функция | Функция обратного вызова, которую вы хотите вызвать при изменении состояния `отмечено` |
    | вариант         | строка  | Визуальный стиль флажка. Варианты включают: `primary`, `secondary`, и `tertiary`       |
    | размер          | строка  | Размер флажка. Есть два варианта: `small` и `large`                                    |
    | форма           | строка  | Форма флажка. Имеет два варианта: `квадратная` и `округлая`                            |
  </Tab>
</Tabs>