import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import Checkbox from '../Checkbox';

<Meta title="Atoms/Checkbox" component={Checkbox} />

# Checkbox
<br />

## `Checkboxes` allow to pick multiple options in a form.
<br />

### Default
<Canvas>
    <Story name="Default">
        <Checkbox label="checkbox" name="checkbox" />
    </Story>
</Canvas>

### Small
<Canvas>
    <Story name="Small">
        <Checkbox label="checkbox" name="checkbox" size="small" />
    </Story>
</Canvas>

### Error
<Canvas>
    <Story name="Error">
        <Checkbox label="checkbox" name="checkbox" error="This is required" />
    </Story>
</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} />
