parameters.doc.source.type should have a 'dynamic' option that renders the entire render function, with args applied.

[anisjonischkeit]

Is your feature request related to a problem? Please describe.

My team has moved the documentation for our design system to storybook and it has been great so far. One thing we've come across a fair bit is that often times when we write stories, we will add a little bit of code around the actual component to show how it would actually be used. Here's a simple example.

const Dialog: Story = {
  render: (args) => {
    const [open, setOpen] = React.useState(true);

    if (open) { 
      return <Dialog {...args} onCloseClick={() => setOpen(true)} />
    } else { 
      return <Button onClick={() => setOpen(true)} />
    }
  }
}

With the current implementation of the dynamic code source generation, we lose a lot of information about how the component should be used, we are left with just the following:

<Dialog arg1="hello" arg2="world" onCloseClick={() =>{}} />

It would be great to have an additional option like dynamic-render, where the code where we get back the entire render function, with dynamically updating args

Describe the solution you'd like

It would be great to have an additional option like dynamic-render, where the code where we get back the entire render function, with dynamically updating args

Describe alternatives you've considered

I would even be happy for it to just return the plain contents of the render function. A huge benefit of having these examples as stories is that the code you write is executed/tested and is shown in the docs exactly as written.

Are you able to assist to bring the feature to reality?

yes, I can

Additional context

No response