New
Storybook for full-stack developersAutomate with Chromatic
Star75,299
Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
Monitor
Monitor a value returned by a callback
npm install storybook-addon-monitor
Last updated about 1 year ago
12
Downloads per week
Readme View on GitHub

Storybook Addon Monitor

Storybook Addon Monitor can be used to display data received by event handlers in Storybook.

Framework Support - Same as "Actions"

Screenshot

Installation

npm i -D storybook-addon-monitor

Then, add following content to .storybook/main.js:

module.exports = {
  addons: ['storybook-addon-monitor'],
};

Usage

Like actions, but only shows the last event for each monitor.

Example:

export default {
  title: 'Button',
  argTypes: { onClicks: { monitor: 'clicks' } },
};
Join the community
5,867 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI