storybook/docs/snippets/angular/checkbox-story-csf.ts.mdx

```ts
// Checkbox.stories.ts

import { Meta } from '@storybook/angular/types-6-0';

import Checkbox from './Checkbox.component';

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

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