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

<Meta title="Components API/Checkbox" component={Checkbox} />

# Checkbox

Allows the user to input a binary value.

<Canvas>
  <Story name="Checkbox">
    <Checkbox defaultChecked label="Check me!" />
    <Checkbox label="Check me!" />
    <Checkbox checked disabled label="Check me!" />
    <Checkbox disabled label="Check me!" />
  </Story>
</Canvas>

<Source code="import { Checkbox } from 'cwb-react';" />

## Usage

Checkboxes are very straightforward and should be treated as styled versions of `<input type="checkbox" />`, with the exception that you can control labels via the `label` prop.

## Props

In addition to the native props that can be passed to an `<input type="checkbox" />`, the following props can also be passed:

<ArgsTable />