一个 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
    },
]))