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

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

# CheckboxUncontrolled
<br />

## `CheckboxesUncontrolled` allow to pick a checkbox option in a form without state management.
<br />

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

### Error
<Canvas>
    <Story name="Error">
        <CheckboxUncontrolled label="checkbox" name="checkbox" error="This is required" />
    </Story>
</Canvas>


## Usage Example

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

<CheckboxUncontrolled label="checkbox" name="checkbox" value="yes" />

```
## Props

<ArgsTable of={CheckboxUncontrolled} />
