Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
@gilsdav/storybook-angular-source
Displays template code to use to have same result into your app.
npm install @gilsdav/storybook-angular-source
Last updated almost 3 years ago
0
Downloads per week
Readme View on GitHub

Storybook Addon Angular Source

This addon for Storybook adds a tab that displays angular template code for each story. It uses prismjs for syntax highlighting.

Animated preview

Getting Started

With NPM:

npm i --save-dev @gilsdav/storybook-angular-source

With Yarn:

yarn add -D @gilsdav/storybook-angular-source

Register addon

// .storybook/main.js

module.exports = {
  // ...
  addons: [
    '@gilsdav/storybook-angular-source',
    // ...
  ],
};
Join the community
6,591 developers and counting
WhyWhy StorybookComponent-driven UI
DocsGuidesTutorialsChangelogTelemetryStatus
CommunityAddonsGet involvedBlog
ShowcaseExploreProjectsComponent glossary
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI