storybook-dark-mode:一个故事书插件,可让您的用户在黑暗和明亮模式之间切换

时间:2024-02-24 07:37:19
【文件属性】:

文件名称:storybook-dark-mode:一个故事书插件,可让您的用户在黑暗和明亮模式之间切换

文件大小:262KB

文件格式:ZIP

更新时间:2024-02-24 07:37:19

dark-theme storybook add-on StorybookTypeScript

故事书-黑暗模式 一个故事书附加组件,可让您的用户在暗模式和亮模式之间切换。 安装 安装以下npm模块: npm i --save-dev storybook-dark-mode 或与纱线: yarn add -D storybook-dark-mode 然后,将以下内容添加到.storybook/main.js module . exports = { presets : [ 'storybook-dark-mode' ] } ; 组态 通过将以下内容添加到您的.storybook/preview.js文件中,配置暗和亮模式: export parameters = { darkMode : { // Override the default dark theme dark : { ... themes . dark , appBg : 'black' } , // Override the default light theme light : { ... themes . normal , appBg : 'red' } }


【文件预览】:
storybook-dark-mode-master
----.eslintrc(824B)
----example.gif(153KB)
----yarn.lock(297KB)
----src()
--------index.tsx(554B)
--------Tool.tsx(6KB)
--------constants.ts(49B)
--------icons()
--------register.tsx(550B)
----.circleci()
--------config.yml(2KB)
----register.js(137B)
----preset.js(134B)
----tsconfig.json(579B)
----LICENSE(1KB)
----README.md(9KB)
----.all-contributorsrc(3KB)
----typings()
--------storybook-components.d.ts(40B)
----renovate.json(63B)
----.gitignore(48B)
----CHANGELOG.md(17KB)
----package.json(2KB)

网友评论