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 ButtonDocumentationComponent from './CustomDocumentationComponent';

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