angular_ng_lit_component_with_reactive_properties_quickstart.ts

1import { Component, Input } from '@angular/core';
2import { html, LitComponent } from 'ng-lit';
3
4@Component({
5  selector: 'app-root',
6  template: ``, // Template is defined in the class using the html tag
7})
8export class AppComponent extends LitComponent {
9  @Input() name = 'World';
10
11  render() {
12    return html`
13      <h1>Hello, ${this.name}!</h1>
14      <p>This is an Angular component rendered with Lit.</p>
15    `;
16  }
17}