Add inheritance example

examples/angular-cli/src/stories/inheritance/__snapshots__/inheritance.stories.storyshot

@@ -0,0 +1 @@
+      this is label

examples/angular-cli/src/stories/inheritance/base-button.component.ts

@@ -0,0 +1,11 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: `storybook-base-button`,
+  template: `
+    <button>{{label}}</button>
+  `,
+})
+export class BaseButtonComponent {
+  @Input() label: string;
+}

examples/angular-cli/src/stories/inheritance/icon-button.component.ts

@@ -0,0 +1,12 @@
+import { Component, Input } from '@angular/core';
+import { BaseButtonComponent } from './base-button.component';
+
+@Component({
+  selector: `storybook-icon-button`,
+  template: `
+    <button>{{label}} - {{icon}}</button>
+  `,
+})
+export class IconButtonComponent extends BaseButtonComponent {
+  @Input() icon: string;
+}

examples/angular-cli/src/stories/inheritance/inheritance.stories.ts

@@ -0,0 +1,18 @@
+import { storiesOf } from '@storybook/angular';
+import { IconButtonComponent } from './icon-button.component';
+import { BaseButtonComponent } from './base-button.component';
+
+storiesOf('Inheritance', module)
+  .add('icon button', () => ({
+    component: IconButtonComponent,
+    props: {
+      icon: 'this is icon',
+      label: 'this is label',
+    },
+  }))
+  .add('base button', () => ({
+    component: BaseButtonComponent,
+    props: {
+      label: 'this is label',
+    },
+  }));