Storybook Addon Web Vitals
Storybook Addon Web Vitals can be used for instant feedback on loading, interactivity, and layout shift metric for each story. We use the web-vitals.
We report on FID, CLS, and LCP.
Getting Started
Requires Storybook 6.1 or later
First, install the addon
npm i -D @washingtonpost/storybook-addon-web-vitals
Then, add following content to .storybook/main.js
:
module.exports = {
addons: ["@washingtonpost/storybook-addon-web-vitals"],
};
Usage
See toolbar for feedback