Giters

emulsify-ds / emulsify-drupal

Drupal theme built with Storybook and Webpack

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ArgsTable and custom source code for component preview in MDX file

mhlozek opened this issue · comments

commented

Hi,
I am new to emulsify and I am just discovering what is possible/impossible.
So I have two questions:

  1. 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

  2. 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!

commented

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.