Storybook Addon Theme Changer

这个插件只控制主题（例如，浅色和深色），只需将 data-theme 属性添加到 html 标签。

它可以与 daisyUI 等 UI 库很好地配合使用。

支持 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",
     ...
    ],
},