Storybook External Links

Decorator to add external links to storybook components after DOM rendering.

Install

npm install storybook-external-links

How to use it?

React

import withExternalLinks from 'storybook-external-links'

Vue

import withExternalLinks from 'storybook-external-links/vue'

Use

const url = 'https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js'

// script tag arguments - optional
const options = {
 async: true,
}

const externalLinkDecorator = withExternalLinks(url, options)

storiesOf('Button')
 .addDecorator(externalLinkDecorator)
 .add(myStory)

Result after story mounting:

<script src="https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async=""></script>