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

```ts
// Checkbox.stories.ts

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

export default {
  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>
    `,
  });
};
```