如何在故事书中使用“selectedPanel”？

Question

我注意到Storybooks Options Docs中的一个属性，我认为selectedPanel它允许我预先选择插件面板。

我不清楚如何使用它。例子是：

options: { selectedPanel: 'storybook/a11y/panel' }

我不明白的是“storybook/a11y/panel”字符串来自哪里。如果我想预先选择“来源”面板怎么办？

Answer 1

我遇到了同样的问题，并设法发现panelId至少可以在插件的register源代码步骤中找到。例如，我想打开Readme某些故事的选项卡。

我最终在 中找到了面板的 id registerWithPanelTitle.js，然后将其与storiesOfAPI 一起使用，如下所示：

.addParameters({
  options: { selectedPanel: 'REACT_STORYBOOK/readme/panel' },
})

对于 a11y，可以在 中找到constants.ts。

尽管如此，我已经在我的案例中搜索了分布式node_modules版本中的那些内容。

PS 如果您想对全局所有故事的面板重新排序，导入插件的列表可以处理它。