index.stories.tsx

/* eslint-disable jsx-a11y/label-has-associated-control */
import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { Checkbox } from '.';

const stories = storiesOf('components/Checkbox', module);

stories
  .add('Basic Checkbox', () => (
    <>
      <Checkbox
        onClick={action('onClick')}
        onChange={action('onChange')}
        id="hello"
      />
      <label htmlFor="checkbox">Hello</label>
    </>
  ))
  .add('Checked Checkbox', () => (
    <>
      <Checkbox
        onClick={action('onClick')}
        onChange={action('onChange')}
        id="hello"
        checked
      />
      <label htmlFor="checkbox">Hello</label>
    </>
  ));