New
Community Showcase #5Visual test with Chromatic
Star78,835
Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
storysource
Storybook addon to show story source
npm install storysource
Last updated about 4 years ago
4
Downloads per week
Readme View on GitHub

Storybook Addon Source

Storybook Source Addon can be used to show story source inside the preview.

Installation

npm i -D storysource

Configuration

Then create a file called addons.js in your storybook config.

Add following content to it:

import 'storysource/register';

Usage

You can add the source to all stories with withSource in .storybook/config.js:

import { withSource } from 'storysource';

addDecorator(withSource);
Join the community
6,179 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI