canvas sourceState vs withSource | Storybook | Page 1

dapper plume Jun 30, 2023, 12:57 PM

#

I am not sure what I am doing wrong here but I cant seem to get the sourceState attribute to behave the way withSource attribute behaves. I think I am following the documentation here (https://storybook.js.org/docs/react/api/doc-block-canvas#sourcestate) but the results seem different that what is described.

Using: SB 7.0.9 and Angular

Canvas

Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.

nova garnet Jul 3, 2023, 8:37 AM

#

hey George!

<@&1106564433309872189> - any ideas?

fierce charm Jul 4, 2023, 7:41 PM

#

Try <Canvas of={...} sourceState="none" />

dapper plume Jul 5, 2023, 1:07 PM

#

Thanks @fierce charm ... what goes in the value for Of ? I dont have an actual story to display here I am just wanting the canvas for setting the other state based parameters.

fierce charm Jul 5, 2023, 1:43 PM

#

dapper plume Thanks <@84653713527951360> ... what goes in the value for Of ? I dont have an a...

afaik Canvas no longer support inline stories. You need to reference a story using the of property. As explained here: https://storybook.js.org/docs/react/writing-docs/mdx

MDX

Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.

dapper plume Jul 5, 2023, 2:01 PM

#

rats. I interpreted that not as "no inline building of content" but rather "no inline setting up of the story object"

#canvas sourceState vs withSource