react-live
decorator for @storybook/react
Prerequisites
Install storybook: https://storybook.js.org/docs/guides/guide-react/
1 liner:
npx -p @storybook/cli sb init --type react
Install
npm i @jmhudak/storybook-react-live-decorator --save-dev
Usage
// Button.stories.jsx
import React from "react";
import { Button } from "@storybook/react/demo";
import withLiveEdit from "../index.esm.js";
export default {
title: "Button"
};
export const defaultStory = () => <Button>Hello I am a Button</Button>;
defaultStory.story = {
name: "default",
decorators: [withLiveEdit({ Button })]
};