Nixon's Pants Missing

    storybook-addon-storyclip
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.4 • Public • Published

    Storyclip

    Storybook addon for clipping a story or a part of a story as an image.

    1. Press the c key, or click the Camera button to enable the addon.

    2. Hover over any DOM element in the story canvas.

    3. Storybook will highlight the elements as you hover so you know which element is being clipped.

    4. Click the desired element.

    5. Wait for the notification in the bottom right.

    6. Paste the contents of your clipboard in whatever application you want your clipped story in.

    Demo

    Usage

    This addon requires Storybook 6.3 or later.

    It also uses html2canvas under the hood.

    npm i -D storybook-addon-storyclip

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

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

    Install

    npm i storybook-addon-storyclip

    DownloadsWeekly Downloads

    4

    Version

    0.0.4

    License

    MIT

    Unpacked Size

    55.3 kB

    Total Files

    34

    Last publish

    Collaborators

    • kahzew