ArgsTable and custom source code for component preview in MDX file
mhlozek opened this issue · comments
Hi,
I am new to emulsify and I am just discovering what is possible/impossible.
So I have two questions:
-
I want to document my components with mdx file and show this documentation in Storybook's Docs tab.
Is it possible to insert ArgsTable? See https://storybook.js.org/docs/react/writing-docs/doc-blocks#argstable -
I would like to customize source code generated for Story in mdx file. It should be possible with
parameters={{
docs: {
source: {
code: ...
but it does not work for me in Emulsify.
Thanks for your help and tips!
Hi! Emulsify itself doesn't create any restrictions on what you can do. It's basically just a Storybook install with Drupal stuff added.
If you're using one of the most recent releases, we removed the docs Storybook addon, since it isn't something the majority of people use, but if you want to use it, you should just be able to install it, and start using it.
npm install --save-dev @storybook/addon-docs
should get you going.
Here's the npm page for more info.
https://storybook.js.org/addons/@storybook/addon-docs
If adding that doesn't solve it for you, see if there's another Storybook addon that solves your issue. And feel free to re-open if you think something in Emulsify is preventing you from getting your work done.