import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import Checkbox from '../Checkbox';
import * as CheckboxStories from './Checkbox.stories';

<Meta of={CheckboxStories} />

# Checkbox

<br />

## `Checkboxes` allow to pick multiple options in a form.

<br />

### Default

<Canvas>
  <Story of={CheckboxStories.Default} />
</Canvas>

### Small

<Canvas>
  <Story of={CheckboxStories.Small} />
</Canvas>

### Error

<Canvas>
  <Story of={CheckboxStories.Error} />
</Canvas>

## Usage Example

```jsx
import Checkbox from '@appdirect/sfb-theme-components/src/atoms/checkbox/Checkbox';

<Checkbox label="checkbox" name="checkbox" size="small" />

```

## Props

<ArgsTable of={Checkbox} />
