我正在尝试找到一种在新故事书 6 的故事级别禁用画布的方法。我正在制作一个组件库,根据故事的不同,其中一些组件只有画布,而其他组件只有文档。
我尝试过使用
myStory.parameters = {
previewTabs: {
canvas: {
hidden: true,
},
},
};
or
myStory.parameters = {
previewTabs: {
'storybook/docs/panel': {
hidden: false,
},
},
};
取决于故事。但是,这会导致不显示选项卡名称。结果,会发生以下情况:
- 我有故事 1 - 只有画布可见
- 我有故事 2 - 只有文档可见
- 我单击故事 1 - 正如预期的那样,我看到了画布
- 我点击故事 2 - 我也看到了画布,尽管它是隐藏的(我想是因为该选项卡已从上一个故事中保留下来)。好像这还不够糟糕,我什至无法单击文档,因为没有可见的选项卡名称。
- 反之亦然(如果我从故事 2 开始)
作为文档的解决方法,我发现了这个(感谢Benjamin https://stackoverflow.com/users/722367/benjamin,在这篇文章中here https://stackoverflow.com/questions/63499683/hide-docs-tab-in-storybook):
myStory.parameters = {
docs: { page: null },
};
这样,我仍然可以看到画布和文档选项卡,但对于已设置此参数的故事,文档选项卡现在为空。
我正在寻找对画布做类似的事情,并且已经尝试过
myStory.parameters = {
canvas: { page: null },
};
myStory.parameters = {
canvas: { disabled: true },
};
但还没有工作。