storybook/docs/snippets/web-components/button-story-auto-docs.ts.mdx

```ts
// Button.stories.ts

import type { Meta, StoryObj } from '@storybook/web-components';

const Meta: Meta = {
  title: 'Button',
  component: 'custom-button',
  //👇 Enables auto-generated documentation for the component story
  tags: ['docsPage'],
  argTypes: {
    backgroundColor: { control: 'color' },
  },
};

export default meta;
type Story = StoryObj;

export const Primary: Story = {
  args: {
    primary: true,
    label: 'Button',
  },
};

export const Secondary: Story = {
  args: {
    ...Primary.args,
    primary: false,
  },
};
```