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
storybook-addon-lag-radar
See a Lag Radar in your Storybook stories
npm install storybook-addon-lag-radar
Last updated over 3 years ago
1
Downloads per week
Readme View on GitHub

Storybook Addon Lag Radar

Storybook Addon Lag Radar allows you to view how much your rendering thread is blocked

Lag Radar Demo

Inspired by this talk by @dan_abramov, using LagRadar by @mobz

Getting Started

yarn add -D storybook-addon-lag-radar

Then create a file called addons.js in your Storybook config.

Add following content to it:

import 'storybook-addon-lag-radar';
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