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

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

import Checkbox from './checkbox.component';

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

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