3

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

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

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

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

4

3 回答 3

3

对于希望默认使用旋钮面板的任何人：selectedPanel: 'storybookjs/knobs/panel'似乎工作！

于 2020-05-26T20:34:46.723 回答
2

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

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

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

对于 a11y，可以在constants.ts.

虽然，在我的案例中，我已经搜索了分布式node_modules版本中的那些。

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

于 2020-05-07T13:52:41.760 回答
0

我正在使用@storybook/addons-essentialinmain.js并简单地添加@storybook/addon-controls到addons数组选项的前面，如下所示：

module.exports = {
    addons: ['@storybook/addon-controls', '@storybook/addon-essentials'],
    ...
}

这会将控件选项卡放在首位，这是自动选择的。

于 2020-11-03T15:37:30.933 回答