【文件属性】:
文件名称:storybook-addon-props:React Storybook Addon将组件属性和故事显示到面板中
文件大小:779KB
文件格式:ZIP
更新时间:2021-02-03 13:52:54
react tooling storybook react-storybook-addons react-storybook
React Storybook Props插件
将道具和故事文档/资源显示到Storybook UI面板中。
状态
打算在此最终合并时弃用该仓库。 但是如果你想尝试...
目的
该插件为 UI提供了两个新面板。
道具。 显示组件属性(由使用提取)
故事。 显示故事说明和源代码。
可见信息类似于插件,但不会将故事的输出更改为预览区域。 这将为功能提供更好的用法,因为快照将仅包含渲染的故事。
安装
npm i storybook-addon-props --save-dev
或(使用纱线):
yarn add storybook-addon-props --dev
用法
添加自定义.storybook/.babelrc文件
{
" presets " : [ " env " , " react " , " stage-0 " ],
" plugins " : [
[
" babel-plugin-react-docgen " ,
{
" DOC_GEN_COLLECTION_NAME " : " STORYBOOK_REA
【文件预览】:
storybook-addon-props-master
----.flowconfig(58B)
----yarn.lock(248KB)
----src()
--------register.js(561B)
--------constants.js(64B)
--------components()
--------index.js(979B)
--------manager.js(349B)
----.babelrc(90B)
----.npmignore(0B)
----.storybook()
--------config.js(536B)
--------.babelrc(248B)
--------preview-head.html(334B)
--------addons.js(170B)
----example()
--------UserDetails.stories.js(501B)
--------Button.js(763B)
--------Button.stories.js(803B)
--------storyshots.test.js(178B)
--------UserDetails.js(821B)
--------__snapshots__()
--------H1.stories.js(267B)
--------H1.js(311B)
----README.md(5KB)
----docs()
--------snap1.png(274KB)
--------snap2.png(191KB)
--------snap3.png(280KB)
--------snap4.png(57KB)
----.editorconfig(98B)
----.gitignore(132B)
----CHANGELOG.md(840B)
----package.json(2KB)