title: Not able to create documentation in MDX for Angular Component(Storybook)
body: <p>I am trying to document a simple button component which is created using Angular 8. I am following the tutorial for creating MDX for Angular but I am getting several errors and the application is failing to compile. I am starting to think that the documentation they have for Angular is either not accurate or I am missing something, please help.</p>
  <p>Here's how my MDX document looks like, I'm only trying to create a doc for an existing demo component that comes with the default Storybook installation.</p>
  <p><em>button.stories.mdx</em></p>
  <pre><code>    import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
      import Button from './button.component';
      
      &lt;Meta title=&quot;Example/Button&quot; component={Button}/&gt;
      
      # Welcome to Storybook
      
      Storybook helps you build UI components in isolation from your app's business logic, data, and context.
      That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA.
      
      export const Template = (args) =&gt; &lt;Button {...args} /&gt;
      
      &lt;Canvas&gt;
          &lt;Story name=&quot;Button&quot;
          args={{ 
            label: 'test button'
          }}&gt;
          {Template.bind({})}
         &lt;/Story&gt;
      &lt;/Canvas&gt;
  </code></pre>
  <p>The button story looks like this:</p>
  <p><em>Button.stories.ts</em></p>
  <pre><code>import { Story, Meta } from '@storybook/angular/types-6-0';
          import Button from './button.component';
          
          export default {
            title: 'Example/Button',
            component: Button,
            argTypes: {
              backgroundColor: { control: 'color' },
            },
          } as Meta;
          
          const Template: Story&lt;Button&gt; = (args: Button) =&gt; ({
            component: Button,
            props: args,
          });
          
          export const Primary = Template.bind({});
          Primary.args = {
            primary: true,
            label: 'Button',
          };
  </code></pre>
  <p>FYI: The button story works perfectly out of the box</p>