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

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

import { YourComponent } from './your-component'

<Meta 
  title='My Story' 
  argTypes={{
    foo:{
      control: false
    }
  }} />

export const Template = (args) => <YourComponent {...args} />

<Canvas>
  <Story name="My Story" args={{ foo: 'bar'}}>
    {Template.bind({})}
  </Story>
</Canvas>
```
