import { Component, Input } from '@angular/core';
@Component({
    selector: 'codeCard',
    template: `<plrsCard sectioned [title]="title">
        <pre><code>{{ code }}</code></pre>
    </plrsCard>`,
    styles: [
        "plrscard {margin-top: 2rem;}",
        "pre {overflow: auto;}"
    ]
})
export class CodeCardComponent {
    @Input() public code = '';
    @Input() public title = 'Code';
}

import { Component, Input } from '@angular/core';
@Component({
    selector: 'codeCard',
    template: `<plrsCard sectioned title="Angular Code">
        <pre><code>{{ code }}</code></pre>
    </plrsCard>`,
    styles: [
        "plrscard {margin-top: 2rem;}",
        "pre {overflow: auto;}"
    ]
})
export class CodeCardComponent {
    @Input() public code = '';
}

--- 
+++ 
@@ -1,7 +1,7 @@
 import { Component, Input } from '@angular/core';
 @Component({
     selector: 'codeCard',
-    template: `<plrsCard sectioned title="Angular Code">
+    template: `<plrsCard sectioned [title]="title">
         <pre><code>{{ code }}</code></pre>
     </plrsCard>`,
     styles: [
@@ -11,4 +11,5 @@
 })
 export class CodeCardComponent {
     @Input() public code = '';
+    @Input() public title = 'Code';
 }
Add ability to specify a title for the code.
