Boilerplate for a custom Umbraco web component (Umbraco Lit Element class)

_umb-lit-element.ts

import { css, customElement, html } from '@umbraco-cms/backoffice/external/lit';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';

const elementName = 'umb-custom-element';

@customElement(elementName)
export class UmbCustomElement extends UmbLitElement {
	constructor() {
		super();
	}

	render() {
		return html``;
	}

	static styles = [UmbTextStyles, css``];
}

export { UmbCustomElement as element };

declare global {
	interface HTMLElementTagNameMap {
		[elementName]: UmbCustomElement;
	}
}