Manual argTypes on MDX in Storybook for HTML?

[eMontielG]

The ArgsTable in Storybook for HTML seems to only show up when I use CSF, but not with MDX. Am I doing something wrong?

With MDX:

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

export const Template = ({ variant }) => {
  return `
    <div>${variant}</div>
  `;
};

<Meta
  title="Test"
  argTypes={{
    variant: {
      control: {
        type: 'inline-radio',
        options: ['primary'],
      },
    },
  }}
/>

# Test

<Canvas>
  <Story name="test" args={{ variant: 'primary' }}>
    {Template.bind({})}
  </Story>
</Canvas>

## ArgsTable

<ArgsTable />

With CSF:

export default {
  title: 'Test CSF',
  argTypes: {
    variant: {
      control: {
        type: 'inline-radio',
        options: ['primary'],
      },
    },
  },
};

const Template = ({ variant }) => {
  return `
    <div>${variant}</div>
  `;
};

export const Test = Template.bind({});
Test.args = {
  variant: 'primary',
};

[eMontielG]

Nevermind, found the issue. I wasn't setting the story prop in the ArgsTable, <ArgsTable story="test" />.

[yairEO]

I want the <ArgsTable> to affect all the stories in my MDX at the same time, and not per-story like what you did.

I am unable with <ArgsTable of={...}/>, tried both with the Component name and the title defined in the <Meta>