@storybook/addon-measure
    TypeScript icon, indicating that this package has built-in type declarations

    6.5.10 • Public • Published

    Storybook Addon Measure

    Storybook addon for inspecting layouts and visualizing the box model.

    1. Press the m key to enable the addon:

    2. Hover over a DOM node

    3. Storybook will display the dimensions of the selected element—margin, padding, border, width and height—in pixels.

    Usage

    This addon requires Storybook 6.3 or later. Measure is part of essentials and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run:

    npm i -D @storybook/addon-measure

    Add "@storybook/addon-measure" to the addons array in your .storybook/main.js:

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

    Inspiration

    Install

    npm i @storybook/addon-measure

    DownloadsWeekly Downloads

    2,476,228

    Version

    6.5.10

    License

    MIT

    Unpacked Size

    89.6 kB

    Total Files

    56

    Last publish

    Collaborators

    • kylegach
    • tooppaaa
    • ndelangen
    • shilman
    • alexandrebodin
    • hypnosphi
    • danielduan
    • igor-dv
    • pksunkara
    • tmeasday
    • gongreg
    • domyen
    • usulpro
    • kylesuss
    • ghengeveld
    • pago
    • dandean
    • codebyalex
    • mrmckeb
    • dannyhw
    • winkervsbecks
    • rvasikarla
    • amalik2
    • lshadler
    • phated
    • yannbf
    • dylanpiercey
    • monkeyworks
    • darleendenno