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

<Meta title="Button" component={Button} parameters={{ notes: 'component notes' }} />

# Canvas

Canvases can contain normal components, stories, and story references

<Canvas>
  <Button>Just a button</Button>
  <Story name="hello button">
    <Button>Hello button</Button>
  </Story>
  <Story name="two">
    <Button>Two</Button>
  </Story>
  <Story id="welcome--welcome" />
</Canvas>

Canvas without a story

<Canvas>
  <Button>Just a button</Button>
</Canvas>
