storybook 允许故事属性接受字符串或函数作为值,

qcuzuvrc  于 3个月前  发布在  其他
关注(0)|答案(1)|浏览(27)

您的功能请求是否与问题相关?请描述

我想将每个故事的复杂文档渲染到文档页面,但目前还不可能。
例如,我想在故事描述中渲染一些自定义HTML。

描述您希望实现的解决方案

如这里所述:#8527(评论)
函数可以作为参数值传递给docs.page:

export default {
    ...
    parameters: {
        docs: {
            page: () => (
                <>
                    <Title>My Story</Title>
                    <Description markdown={docs}/>
                    Whatever else..
                </>
            ),
        },
    },
}

但不能用于特定故事描述的参数。docs.description:

MyStory.parameters = {
    docs: {
        description: {
            // "story" property should also accepts a function, just like "page" for default export
            story: () => (
                <>
                    lots of complex things goes here
                </>
            ),
        },
    },
}

如果故事属性可以接受字符串或函数作为值,对于更控制特定故事描述会很棒

描述您考虑过的替代方案

我不知道有哪一个。

您是否能够协助将该功能变为现实?

也许在指导方面?

相关问题