Test Code Page
<code-tabs>
No linenums at code-tabs level
class {
foo(param: string) {}
}
<h1>Heading</h1>
{ "key": "value" }
linenums=true at code-tabs level
class {
foo(param: string) {}
}
<h1>Heading</h1>
{ "key": "value" }
No linenums at code-tabs level; linenums=true for second HTML pane
class {
foo(param: string) {}
}
<h1>Heading</h1>
{ "key": "value" }
<code-example>
One line.
const foo = 'bar'
Multi-line, linenums=true.
<hero-details nghost-pmm-5>
<h2 ngcontent-pmm-5>Bah Dah Bing</h2>
<hero-team ngcontent-pmm-5 nghost-pmm-6>
<h3 _ngcontent-pmm-6>Headless Team</h3>
</hero-team>
</hero-details>
Default linenums (false).
<hero-details nghost-pmm-5>
<h2 ngcontent-pmm-5>Mister Fantastic</h2>
<hero-team ngcontent-pmm-5 nghost-pmm-6>
<h3 _ngcontent-pmm-6>Headless Team</h3>
</hero-team>
</hero-details>
Header on this one.
<hero-details nghost-pmm-5>
<h2 ngcontent-pmm-5>Mister Fantastic</h2>
<hero-team ngcontent-pmm-5 nghost-pmm-6>
<h3 _ngcontent-pmm-6>Winning Team</h3>
</hero-team>
</hero-details>
An "avoid" header on this one.
<hero-details nghost-pmm-5>
<h2 ngcontent-pmm-5>Mister Fantastic</h2>
<hero-team ngcontent-pmm-5 nghost-pmm-6>
<h3 _ngcontent-pmm-6>Losing Team</h3>
</hero-team>
</hero-details>
Backticked code blocks
```html
Mister Fantastic
Losing Team
```
<live-example>
Plain live-example
Try this .
live-example with title atty
live-example with title body
Try this great example
live-example with name
live-example with spacey name and stackblitz
live-example with name and stackblitz but no download
live-example embedded with name and stackblitz
More text follows ...
Getting Started Widgets
Interpolation
Property Binding
Event Binding
NgIf
NgFor