```md
<!-- Button.stories.mdx -->

import { Meta, Story } from '@storybook/addon-docs';

import { componentWrapperDecorator, moduleMetadata } from '@storybook/angular';

import { Button } from './button.component';

<!-- Parent contains ng-content -->
import { Parent } from './parent.component';

<Meta title="Button" component={Button}/>


<!-- With a template -->
<Story 
  name="Primary"
  decorators={[
    componentWrapperDecorator((story) => `<div style="margin: 3em">${story}</div>`)
  ]}
  render={() => ({
    template: `<app-button label="Submit"></app-button>`,
  })} />
</Story>

<!-- With a component -->

<Story 
  name="InsideParent"
  decorators={[
    moduleMetadata({
      declarations: [ParentComponent],
    }),
    componentWrapperDecorator(ParentComponent)
  ]}
  render={() => ({
    template: `<app-button label="Submit"></app-button>`,
  })} />
</Story>
```