```html
<!-- Checkbox.stories.svelte -->

<script>
  import { Meta, Story } from '@storybook/addon-svelte-csf';

  import Checkbox from './Checkbox.svelte';
</script>

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

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