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

<Meta title="html/html-mdx" />

## HTML-specific MDX Stories

<Canvas>
  <Story name="Basic" height="100px">
    {'<h1>Hello World</h1>'}
  </Story>
</Canvas>

<Canvas>
  <Story name="Function" height="100px">
    {() => {
      const btn = document.createElement('button');
      btn.innerHTML = 'Hello Button';
      return btn;
    }}
  </Story>
</Canvas>