# 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