@washingtonpost/storybook-addon-web-vitals

0.3.0 • Public • Published

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.

React Storybook Screenshot

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

Package Sidebar

Install

npm i @washingtonpost/storybook-addon-web-vitals

Weekly Downloads

288

Version

0.3.0

License

MIT

Unpacked Size

16.9 kB

Total Files

12

Last publish

Collaborators

  • josevazqueznpm
  • vithalanis
  • tomkaz-wapo
  • giomarwize
  • flaviopsantannawapo
  • vladimirjv
  • jmiguelfloresg
  • karklisl
  • allidinat
  • alvarovalino
  • tawaddy
  • fernandowz
  • nikki.brimmer
  • moodyp
  • diegodisant
  • hrecht
  • malocuevi
  • albertcastaned
  • chen-josh
  • ericlau
  • maimaimai-bit
  • lmnaland
  • mballenwp1
  • hannah.good
  • gregmanifold
  • dnparmar
  • catherine1234
  • mfernanda-sosa
  • dev-javu
  • vviswa
  • netolm-wp
  • harmanwapo
  • lpadillac4s
  • cashack
  • joshhoegen
  • alefkow
  • ysmilde
  • shrddhawashpost
  • karenwang
  • carsonology
  • yuyanlei
  • dbnapp
  • colemanc4
  • stevethedev
  • dkao
  • elenalacey
  • zhoyoyo
  • dwuandjune
  • fransandi
  • ashendruk
  • michaeldomine
  • mark-a-wapo
  • sabrinamochi
  • jorgemhc-dev
  • carlyn
  • dgreen19
  • josephjames
  • niko_kom
  • nicrocs
  • avalbuena
  • sotojl
  • haileyhaymond
  • lukaskeelwapo
  • timborisenko
  • kt-prry
  • jesse.post.washpo
  • threeteaspoons
  • luciovilla
  • tam.steph
  • agillespie
  • ani512
  • vonoehsene
  • emmakumer
  • aggyjlee
  • lavanderoi
  • emily.eng
  • lmelgar
  • sadbumblebee
  • janicekchen
  • jamelhendricks
  • crunchwrap78
  • welchk
  • val-l-hosler
  • nick.mourtoupalas
  • benjaki
  • battand
  • jon.rosado
  • jacknugent27
  • asamireissa
  • courth
  • mahig
  • jchaskell
  • lorenzog
  • ln-washpost
  • stericson
  • talpert022
  • gengel
  • tuckabelle
  • nauticaharvin
  • aadittambe
  • natalievineberg
  • krbrooks
  • katty-huertas
  • mariaalconadabrooks
  • juniorh28
  • atomictangerine
  • helmsc
  • tritico
  • pranavganore
  • danacasidy
  • terrywp
  • ksemanur8
  • dreyvitser
  • mvonesh
  • chelseaconrad
  • arnolda-wp
  • hermionewy
  • wp-aberg
  • sheamus-hei
  • haysstephanie
  • broadwaterne
  • andrevinc
  • kat-alo
  • daniellersaul
  • stevefuenteswp
  • rekha26
  • marcnahed
  • amiemunoz
  • chloelangston
  • martinezy
  • seanwapo
  • ducroquet
  • jakekara
  • jtotoole
  • mjperales
  • arturgalocha
  • ebgranger
  • ramyalamati
  • adamsrobw
  • luke.connors
  • wrneff
  • mcdoh
  • floresa
  • taliatrackim
  • lennybronner
  • bitsoglass
  • it_procurement
  • davidchaiwapo
  • maddoxnelson
  • stephanie.clark
  • jasonvuong
  • jkoo87
  • kankelcr
  • gregoryauld2014
  • uncompiled
  • jbrown4
  • scarothers
  • khan.salauddin
  • rowhawn
  • subs-npm-builder
  • nealhumphreywapo
  • ashlynstill
  • ptnielsen
  • leslie-s
  • courtney-kan
  • kevin.schaul
  • jakecrump
  • macallah
  • jmuyskens
  • madisonwalls
  • brianaa
  • dsantamarina
  • artmsilva
  • ashtol
  • sberhanu
  • jjalcantara
  • alyssa.fowers
  • joemfox
  • reubenfb
  • calcantara
  • adrianblanco
  • chiquiesteban
  • iuraizee
  • bdgross
  • ulmonica
  • bmferrill
  • dankeating
  • timmeko
  • kevinuhrmacher
  • shellytan
  • harrystevens
  • chrisrukan
  • allisonnmann
  • aaronsteckelberg
  • shruthagandla
  • braforda
  • adityajain15
  • linorabolini
  • anthonyjpesce
  • 1313davidlee
  • kate.rabinowitz
  • fontc
  • cecepascual
  • vsingarayar
  • aramzs
  • ruxk
  • nader_heidari
  • thompsond3
  • tylerremmel
  • tmac0201
  • joemoore-post
  • ealvarez79
  • hdormido
  • sgpotts
  • yutaochen
  • nwalker_wp
  • apbest
  • briannaschroer
  • shikha-sub
  • naema
  • chloemeister
  • julia.ledur
  • solomonsscott
  • betchavarria
  • eewright
  • nickkirkpatrick
  • trann_wapo
  • tobefrankhj
  • essiekim
  • sergio.pecanha
  • meganwalter
  • alyssabartuch
  • alexisbarnes
  • dmoriarty6
  • mokhtar.ali
  • dpham5
  • klimenkovd
  • davisshaver
  • aaronbrezel
  • kastningj