文件名称:addon-jsx:此Storybook插件向您展示了该故事的JSX模板
文件大小:329KB
文件格式:ZIP
更新时间:2024-02-24 07:34:16
jsx addon storybook story StorybookTypeScript
故事书-插件-jsx 这个Storybook插件向您展示了该故事的JSX。 该预览版也适用于Vue组件。 输出的JSX将反映通过旋钮或控件对Storybok所做的任何更改。 入门 安装 首先从npm安装插件: npm i --save-dev storybook-addon-jsx # or yarn add --dev storybook-addon-jsx 组态 对于最新的故事书,您需要做的就是将插件添加到.storybook/main.js : module . exports = { addons : [ "storybook-addon-jsx" ] , } ; 如果你正在使用或降低,您需要添加以下.storybook/addons.js : import "storybook-addon-jsx/register" ; 用法 将其导入到故事文件中,然后在编写故事时使用它: import React from "react" ; import { storiesOf } from "@storybook/react" ; import { jsxDecorat
【文件预览】:
addon-jsx-master
----storybook-jsx.svg(555B)
----netlify.toml(150B)
----.eslintrc(71B)
----.github()
--------workflows()
----yarn.lock(536KB)
----src()
--------renderer.tsx(7KB)
--------index.tsx(5KB)
--------constants.ts(162B)
--------types()
--------__tests__()
--------register.tsx(1KB)
--------jsx.tsx(2KB)
----.babelrc(170B)
----.vscode()
--------settings.json(385B)
----.circleci()
--------config.yml(2KB)
----storybook-jsx.sketch(28KB)
----register.js(30B)
----.npmignore(28B)
----example()
--------stories()
--------.storybook()
--------components()
----tsconfig.json(636B)
----LICENSE(1KB)
----screenshot.png(59KB)
----README.md(13KB)
----.all-contributorsrc(4KB)
----.gitignore(63B)
----storybook-jsx.png(20KB)
----CHANGELOG.md(11KB)
----package.json(3KB)