storybook/docs/snippets/common/button-story-docspage-with-custom-component.js.mdx

```js
// Button.stories.js | Button.stories.jsx | Button.stories.ts | Button.stories.tsx

import { Button } from './Button';

import { CustomDocumentationComponent } from './CustomDocumentationComponent';

export default {
  component: Button,
  argTypes: {
    backgroundColor: { control: 'color' },
  },
  parameters: {
    docs: {
      page: CustomDocumentationComponent,
    },
  },
};
```