examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx
import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs';
import * as Csf from './csf-with-mdx-docs.stories';
<Meta title="Addons/Docs/csf-with-mdx-docs" />
# Button
I can define a story with the function imported from CSF:
<Canvas>
<Story name="with args" story={Csf.WithArgs} />
</Canvas>
<ArgsTable />
<Canvas>
<Story story={Csf.Basic} />
</Canvas>
<Canvas>
<Story name="with template" story={Csf.WithTemplate} />
</Canvas>
<Canvas>
<Story name="story object" story={Csf.StoryObject} />
</Canvas>