【文件属性】:
文件名称:storybook-addon-theme-playground:故事书主题附加组件:woman_artist:
文件大小:379KB
文件格式:ZIP
更新时间:2021-02-03 13:53:05
panel css-in-js storybook tokens decorator
故事书附加主题游乐场
storybook-addon-theme-playground是Storybook的主题插件。 它提供了一个面板,可以直接调整主题值。
产品特点
:control_knobs: 每个主题值均带有自动生成控件的独立面板
:dna: 根据您的需求自定义控件
目录
安装
1.安装插件
npm install -D storybook-addon-theme-playground
yarn add -D storybook-addon-theme-playground
2.将插件添加到您的故事书配置中
添加到.storybook/main.js
module . exports = {
addons : [ 'storybook-addon-theme-playground' ]
} ;
3.添加参数
添加到.storybook/preview.js 。
// Import a theme provider of your choice
import { ThemeProvider } from 'styled-components' ;
imp
【文件预览】:
storybook-addon-theme-playground-master
----.eslintrc(993B)
----example()
--------stories()
--------.storybook()
--------package.json(483B)
--------.gitignore(15B)
--------yarn.lock(383KB)
----package.json(2KB)
----assets()
--------screenshot.jpg(131KB)
----LICENSE(1KB)
----src()
--------register.tsx(761B)
--------withThemePlayground.tsx(4KB)
--------preset()
--------types.ts(1KB)
--------components()
--------constants.ts(394B)
--------index.ts(87B)
--------helper()
----tsconfig.json(658B)
----register.js(68B)
----.gitignore(52B)
----CHANGELOG.md(5KB)
----preset.js(80B)
----README.md(10KB)
----yarn.lock(371KB)
----.editorconfig(197B)