Version:

Install ​

shell
npm i @mate-react/checkbox

Import ​

tsx
import { MateCheckbox, MateCheckboxGroup } from '@mate-react/checkbox';

Variants ​

Default ​

tsx
<MateCheckbox label="Default" />

Checked ​

tsx
<MateCheckbox label="Checked" checked />

Indeterminate ​

tsx
<MateCheckbox label="Indeterminate" indeterminate />

Disabled ​

tsx
<MateCheckbox label="Disabled" disabled />

Disabled Checked ​

tsx
<MateCheckbox label="Disabled checked" checked disabled />

Checkbox Group ​

tsx
<MateCheckboxGroup label="Group" value={['0', '1']}>
  <MateCheckbox label="Item 1" value="0" />
  <MateCheckbox label="Item 2" value="1" />
  <MateCheckbox label="Item 3" value="2" />
</MateCheckboxGroup>

Vertical Group ​

tsx
<MateCheckboxGroup label="Vertical" value={['0']} theme="vertical">
  <MateCheckbox label="Item 1" value="0" />
  <MateCheckbox label="Item 2" value="1" />
  <MateCheckbox label="Item 3" value="2" />
</MateCheckboxGroup>