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