import { ArgTypes, Canvas, Controls, Description, DocsStory, Heading, Markdown, Meta, Primary, Source, Stories, Story, Subheading, Subtitle, Title, Unstyled, Wrapper, } from '@storybook/addon-docs/blocks'; import * as ComponentOverrideStories from './component-overrides.stories.tsx';

<Meta of={ComponentOverrideStories} name="MDX" />

Component override verification

Every block below should render its override:* marker rather than the default Storybook block UI. The Title override intentionally renders <Title /> again, so it also proves recursive composition does not loop infinitely. Meta is intentionally excluded because it is not overridable.

<Title /> <Subtitle /> <Description of="meta" /> <Primary /> <Controls /> <ArgTypes /> <Stories /> <Story of={ComponentOverrideStories.UsesDefaultImplementation} /> <Canvas of={ComponentOverrideStories.UsesDefaultImplementation} /> <Source of={ComponentOverrideStories.UsesDefaultImplementation} /> <DocsStory of={ComponentOverrideStories.UsesDefaultImplementation} />

<Heading>Heading block</Heading> <Subheading>Subheading block</Subheading>

<Markdown> {` # Markdown block

This should render as the Markdown override. `}

</Markdown> <Wrapper> <div>Wrapper child content</div> </Wrapper> <Unstyled> <div>Unstyled child content</div> </Unstyled>