Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including storybook-addon-usage with all npm packages installed. Try it out:

require("@kadira/storybook-addons/package.json"); // @kadira/storybook-addons is a peer dependency. require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. var storybookAddonUsage = require("storybook-addon-usage")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

storybook-addon-usage v1.0.1

Display how to use a component inside a react-storybook panel

Storybook Usage Addon

This addon let you display the story's declaration inside a panel.

Getting Started

First, install the addon

npm install -D storybook-addon-usage

Add this line to your addons.js file (create this file inside your storybook config directory if needed).

import 'storybook-addon-usage/register';

Add those lines to your storybook config file

import {Usage} from 'storybook-addon-usage'
storybook.addDecorator(Usage);
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free