Is it possible generate a props table from types in Storybook 7?

[astral agate]

One of my favorite features in Storybook, other than the core functionality, has been the ability to automatically generate documentation from TypeScript types. This means my docs are always DRY and up to date! ❤️

I used to just drop <Props story="Button" /> into my .mdx file, but now I'm getting this error:

The requested module '/node_modules/.cache/.vite-storybook/deps/@storybook_addon-docs.js?v=f530f772' does not provide an export named 'Props'

Is there a way to do this in Storybook 7, or do I have to write my props documentation separately from my types now?

[silver cliff]

Hey there! We'd never leave you hanging like that! 😅

Props was renamed to ArgsTable a while back (I think you should've seen deprecation warnings). Then, in Storybook 7, we split it into Controls (if you want interactive controls) and ArgTypes (if you don't) blocks in the @storybook/blocks package to better align the name and API with other Storybook features.

https://storybook.js.org/docs/react/api/doc-block-controls

https://storybook.js.org/docs/react/api/doc-block-argtypes