Storybook Addon React View
Storybook addon which makes your story source interactive Storybook Addon React View.
Demo: https://jmarceli.github.io/storybook-addon-react-view/ Demo code: docs-source
Installation
If you need to add it to your Storybook, you can run:
npm i -D storybook-addon-react-view
Configuration
Then, add following content to .storybook/main.js
:
moduleexports = addons: "storybook-addon-react-view";
Usage
Simple:
import React from "react";import Component ABC myFun from "./Component";import withReactView from "storybook-addon-react-view/register"; const ComponentStory: React.FC<> = <Component ="X"> <div>ABC</div> <div></div> </Component>; title: "Component" component: Component decorators: withReactView parameters: useView: scope: Component ;
or with @storybook/addon-docs
:
import React from "react";import Component ABC myFun from "./Component";import withReactView from "storybook-addon-react-view/register"; const ComponentStory: React.FC<> = <Component ="X"> <div>ABC</div> <div></div> </Component>; title: "Component" component: Component decorators: withReactView parameters: useView: scope: Component ABC myFun ;
License
Author
Jan Grzegorowski