加入直播会议:周四,美国东部时间上午 11 点,Storybook 9 发布 & AMA

一个 Storybook decorator,根据提供的主题对象列表(每个对象包含一个 id 和一个导入的 css 文件),将一个主题旋钮添加到 knobs 面板。

在 Github 上查看

Storybook Theme Knob

一个 decorator,应用后,如果全局使用,则会将主题旋钮作为面板中的第一个旋钮包含进来,应用于所有故事;如果用于特定故事配置,则应用于该配置中指定的故事。

用法

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

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