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