Addon Preview Code
A storybook addon for previewing component files
npm install storybook-addon-sources-preview
Downloads per week

Storybook Addon Code Preview

This Storybook addon gives you a preview for js|js|ts|tsx|css files of Storybook Components. It uses a custom Webpack config & loader and adds a preview tab for all files located under the components folder.

  • ๐Ÿ“ Easily access story/component code
  • โš›๏ธ History of accessed components
  • ๐Ÿ“ฆ Many more to come


Getting Started


First install the addon from npm:

npm i --save-dev storybook-addon-code-preview
# or
yarn add --dev storybook-addon-code-preview

Then add the following to your .storybook/main.js:

module.exports = {
  addons: ['storybook-addon-code-preview']

After registering the addon you're all good to go ๐Ÿš€