Storybook 插件主题切换器

该插件仅控制主题（例如，浅色 和 深色），只是在 html 标签中添加 data-theme 属性。

它与 UI 库（例如 daisyUI）配合得很好。

支持 Storybook 8

入门

将此插件添加到 .storybook/main.js (main.ts) 文件中。

module.exports = {
  ...
 addons: [
     // your addons here
     "storybook-addon-theme-changer"
  ],
};

将您的主题添加到 .storybook/preview.js (preview.ts) 文件中

...
export const globalTypes = {
 themes: {
   defaultValue: [
     "light",
     "dark",
     ...
   ],
 },

或者

...
export const globals = {
    themes: [
     "light",
     "dark",
     ...
    ],
},