Storybook 工具栏附加组件
工具栏附加组件通过 Storybook 的 工具栏 UI 控制全局故事渲染选项。它是一个通用附加组件，可用于
- 为您的组件设置主题
- 设置组件的国际化 (i18n) 地区设置
- 配置几乎所有使用全局变量的 Storybook 内容
安装
工具栏是 essentials 的一部分，因此默认情况下安装在所有新的 Storybook 中。如果需要将其添加到您的 Storybook 中，您可以运行
npm i -D @storybook/addon-toolbars
然后，将以下内容添加到 .storybook/main.js
export default {
addons: ['@storybook/addon-toolbars'],
};
用法
用法在 文档 中有说明。
常见问题
这与 addon-contexts 相比如何？
Addon-toolbars 是 addon-contexts 的继任者，它在 Storybook 的工具栏中提供了方便的全局工具栏。
这两个包之间的主要区别在于 addon-toolbars 利用了 Storybook 的新 故事参数 功能，该功能具有以下优势
-
标准化。参数在 Storybook 6.x 中内置。由于
addon-toolbars基于参数，因此您无需学习任何特定于附加组件的 API 即可使用它。 -
人体工程学。全局参数很容易在 故事中、在 Storybook 文档 甚至在其他附加组件中使用。
- 框架兼容性。参数完全独立于框架，因此
addon-toolbars与 React、Vue 3、Angular 等开箱即用，无需在附加组件中使用任何框架逻辑。
