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