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

<Meta of={CheckboxUncontrolledStories} />

# CheckboxUncontrolled

<br />

## `CheckboxesUncontrolled` allow to pick a checkbox option in a form without state management.

<br />

### Default

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

### Error

<Canvas>
  <Story of={CheckboxUncontrolledStories.Error} />
</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} />
