Join live: How to implement generative UI without losing control

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

View on GithubNew to Storybook?Get started

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',
    // ...
  ],
};