一个 Storybook 装饰器,它根据主题对象列表(每个对象包含一个 id 和一个导入的 css 文件)将主题旋钮应用到旋钮面板。

在 Github 上查看

Storybook 主题旋钮

一个装饰器,应用后,如果全局使用,则在所有故事的面板中包含主题旋钮作为第一个旋钮,或者在使用装饰器的每个故事配置中概述的故事中包含主题旋钮。

用法

以下内容可以全局应用或在故事配置中应用

addDecorator(withTheme([
    {
        id: 'Theme one',
        code:`<style>${require('!css-loader!../theme1.css')}</style>`,
        default: true
    },
    {
        id: 'Theme two',
        code:`<style>${require('!css-loader!../theme2.css')}</style>`,
        default: false
    },
    {
        id: 'Theme three',
        code:`<style>${require('!css-loader!../theme3.css')}</style>`,
        default: false
    },
]))