```ts
// Checkbox.stories.ts

import Checkbox from './Checkbox.component';

export default {
  title: 'MDX/Checkbox',
  component: Checkbox,
};

export const allCheckboxes = () => {
  render: () => ({
    template: `
      <form>
        <Checkbox id="Unchecked" label="Unchecked" />
        <Checkbox id="Checked" label="Checked" checked />
        <Checkbox appearance="secondary" id="second" label="Secondary" checked />
      </form>
    `,
  });
};
```