Join us live: How to setup your component-driven A11y pipeline

Integrations

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

Add your integration

Testing-library Mocking Themes Accessibility Valid Graphql

Categories

How to install addons Create an addon

Source integrations

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

Displays the source example of the current story

@whitespace/storybook-addon-code

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

@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

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

storybook-code-view

Storybook addon to view your component source.

Source code viewer addon for Storybook

@gilsdav/storybook-angular-source

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

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

@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