- Uso
- Propriedades
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"
/>
);
};
| Propriedades | Tipo | Descrição |
|---|---|---|
| marcado | booleano | Indica se a caixa de seleção está selecionada |
| indeterminado | booleano | Indica se a caixa de seleção está em um estado indeterminado (nem selecionada nem desmarcada) |
| onChange | função | A função de retorno de chamada que você deseja acionar quando o estado da caixa de seleção mudar |
| onCheckedChange | função | A função de retorno de chamada que você deseja acionar quando o estado selecionado mudar |
| variante | string | A variante do estilo visual da caixa. As opções incluem: primária, secundária e terciária |
| tamanho | string | O tamanho da caixa de seleção. Tem duas opções: pequena e grande |
| forma | string | A forma da caixa de seleção. Tem duas opções: quadrada e arredondada |