Monitor

Monitor a value returned by a callback

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' } },
};
Made by
  • forivall
    forivall
Work with
    Angular
    Ember
    HTML
    Marko
    Mithril
    Preact
    Rax
    React
    Riot
    Svelte
    Vue
    Web Components
Tags