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

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

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

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

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