@custom-elements-manifest/analyzer/fixtures/09-plugin-fast/01-basic/package/my-element.js

<!-- [=> See Source <=](../../docs/analyzer/index.md) -->

import { FASTElement, customElement, attr, html } from '@microsoft/fast-element';

const template = html<NameTag>`
  <div class="header">
    <h3>${x => x.greeting.toUpperCase()}</h3>
    <h4>my name is</h4>
  </div>

  <div class="body">Name Here</div>

  <div class="footer"></div>
`;

@customElement({
  name: 'name-tag',
  template
})
export class NameTag extends FASTElement {
  @attr greeting: string = 'Hello';
  @attr({attribute: 'my-attr'}) bar;
}