文件名称：storybook-addon：借助Storybook和React Theming，使用EmotionStyled ComponentsMaterial-UI开发可使用的组件
文件大小：312KB
文件格式：ZIP
更新时间：2024-02-23 22:52:51
react theme boilerplate styled-components addon
故事书插件@ React主题 适用于样式化组件，Emotion，Material-UI和任何其他主题解决方案的Storybook插件。 允许独立开发主题组件。 npm i --save-dev @react-theming/storybook-addon 产品特点 :dizzy: 通用-可以与任何样式库一起使用 在附加面板中切换主题。 更改颜色，看看它如何影响您的组件 轻松将主题道具的嵌套路径复制粘贴到您的代码中 用法 在.storybook/main.js指定插件 // .storybook/main.js module . exports = { stories : [ '../src/**/*.stories.js' ] , addons : [ '@react-theming/storybook-addon' ] , } ; 或在.storybook/addons.js以获取较旧版本的Storybook import '@react-theming/storybook-addon/register' ; 然后，您需要使用库的ThemeProvider添加装饰
【文件预览】：
storybook-addon-master
----.gitignore(310B)
----.babelrc(120B)
----package.json(3KB)
----src()
--------manager()
--------__test__()
--------index.js(66B)
--------helpers()
--------selectors.js(1KB)
--------utils()
--------actions.js(1KB)
--------config.js(117B)
--------preview()
--------register.js(29B)
----public()
--------index.html(2KB)
--------favicon.ico(4KB)
--------manifest.json(306B)
----.env(25B)
----.github()
--------workflows()
----.eslintrc.js(2KB)
----.prettierrc.js(130B)
----README.md(5KB)
----.storybook()
--------addons.js(112B)
--------ui.js(285B)
--------theme.js(730B)
--------stories.js(780B)
--------config.js(131B)
----nodemon.json(106B)
----.npmignore(45B)
----docs()
--------theme-panel.png(68KB)
--------common-theme-providers.md(1KB)
----yarn.lock(591KB)
----register.js(50B)