fbredius/storybook

View on GitHub
examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx

Summary

Maintainability
Test Coverage
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>