Sample code snippet for an extremely simple Lit2 Web Component with a hard coded render function.

outline-widget.ts

import { html, css, CSSResultGroup, TemplateResult } from 'lit';
import { OutlineElement } from '../outline-element/outline-element';
import { customElement } from "lit/decorators.js";

/**
 * The Outline Widget Component
 * 
 * @element OutlineWidget
 * @extends OutlineElement
 */
@customElement("outline-widget")
export class OutlineWidget extends OutlineElement {
  static styles: CSSResultGroup = css`
	p { 
      color: red; font-weight: bold;
      animation: blink-animation 1s steps(5, start) infinite; 
    }
    @keyframes blink-animation { to { visibility: hidden; } }  
  `;
  
  render(): TemplateResult {
    return html`
      <div>
        <p>Simple "hard coded" element inside the component ShadowDOM.</p>
      </div>`
  }
}

declare global {
  interface HTMLElementTagNameMap {
    "outline-widget": OutlineWidget;
  }
}