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

Question

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

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

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

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

Answer 1

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

Answer 2

我在@storybook/addons-essential中使用main.js，只是将@storybook/addon-controls添加到addons数组选项的前面，就像这样：

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

这会将“控件”标签置于第一位，该标签是自动选择的。