Integrations

Integrate your tools with Storybook to connect workflows and unlock advanced features.

Add your integration

Categories

How to install addons Create an addon

Source integrations

Displays the source example of the current story

Provides a link to the story's source in the toolbar

Source Link (community version)

Provides a link to the story's source in the toolbar

@jls-digital/storybook-addon-code

This storybook addon provides the ability to display a panel on stories with any code you want. It's mostly a wrapper for [storybook's syntax highlighter](https://github.com/storybookjs/storybook/tree/main/code/ui/components/src/components/syntaxhighlight

Twig source, code, and docs support for Storybook.

Show Story Code

Storybook addon that shows the full source of the current story file in a syntax-highlighted panel

Provides a link to the story's source in the toolbar

@whitespace/storybook-addon-code

A Storybook addon that extracts and displays syntax-highlighted source code

Storybook react-live decorator

react-live decorator for Storybook 6+ | renders story as react-live with given code

Provides a link to the story's source in the toolbar

Source code viewer addon for Storybook

storybook-code-view

Storybook addon to view your component source.

@gilsdav/storybook-angular-source

Displays template code to use to have same result into your app.

@florian.dendorfer_jls.ch/storybook-addon-code

This storybook addon provides the ability to display a panel on stories with any code you want. It's mostly a wrapper for [storybook's syntax highlighter](https://github.com/storybookjs/storybook/tree/main/code/ui/components/src/components/syntaxhighlight