Skip to content

Latest commit

 

History

History
37 lines (31 loc) · 1.04 KB

Readme.md

File metadata and controls

37 lines (31 loc) · 1.04 KB
Raw

O componente checkbox permite selecionar uma ou mais opções em uma lista de opções.

O ID é opcional. Pode ser explicitado por meio da propriedade "id", do contrário é gerado um id automático.

Exemplo completo

<Checkbox label="Opção 1" mb={1} />
<Checkbox label="Opção 2" mb={1} />
<Checkbox label="Opção 3" mb={1} />

Estados

<Checkbox disabled ilabel="Opção 1" mb={1} />
<Checkbox state="valid" label="Opção 2" mb={1} />
<Checkbox state="invalid" label="Opção 3" mb={1} />

Checkbox sem label

<Checkbox />

Listagem horizontal

<Checkbox inline label="Opção 1" mb={1} />
<Checkbox inline label="Opção 2" mb={1} />
<Checkbox inline label="Opção 3" mb={1} />

Selectionar todos + estado intermediário

<Checkbox indeterminate parentGroup="checkgroup01" label="Selecionar Todos" mb={1} />
<Checkbox childOf="checkgroup01" label="Opção 1" mb={1} />
<Checkbox childOf="checkgroup01" label="Opção 2" mb={1} />
<Checkbox childOf="checkgroup01" label="Opção 3" mb={1} />