@storybook/angular 5.3.14 addons.setConfig的toolbar配置不生效问题
问题根因
你写的toolbar嵌套配置是 Storybook 6.0及以上版本才支持的新增API,你当前使用的5.3.14版本没有对应解析逻辑,所以这套配置完全不生效。showNav和showPanel是5.3版本就已经支持的老参数,所以可以正常生效。
5.3版本的解决方案
方案1:直接隐藏整个工具栏
在addons.setConfig中添加5.3版本支持的工具栏隐藏参数isToolshown: false即可,修改后配置如下:
addons.setConfig({ showNav: false, showPanel: false, isToolshown: false });
方案2:单独隐藏指定工具栏按钮
5.3版本没有内置的配置项支持单独隐藏自带工具栏按钮,可按需求选择对应方式实现:
- 隐藏背景、视口等插件提供的按钮:直接在addons注册入口中删除对应插件的引入代码即可
- 隐藏缩放、全屏等原生工具栏按钮:在Storybook的全局样式文件中添加CSS规则,选中对应DOM节点设置
display: none隐藏即可
如果你后续将Storybook升级到6.0及以上版本,你原本写的
toolbar嵌套配置就可以正常生效,不需要再用上面的兼容方案。
内容的提问来源于stack exchange,提问作者nerz
相关产品推荐
相关产品推荐

