```md
<!-- Checkbox.stories.mdx -->

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

import { Checkbox } from './checkbox.component';

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

<Canvas>
  <Story 
    name="all checkboxes">
    {{
      template: `
        <form>
          <Checkbox id="Unchecked" label="Unchecked" />
          <Checkbox id="Checked" label="Checked" checked />
          <Checkbox appearance="secondary" id="second" label="Secondary" checked />
        </form>    
      `,
    }}
  </Story>
</Canvas>
```