I am building a desktop app that monitors some things and generates data about what it is monitoring. When the user wants to interact with the data the app starts a very simple web server. The serv...

I try to get into TypeScript by writing TS based Lit Elements, refactoring a very small project of mine. However it starts to get frustrating since I don't see what's wrong with this code since it'...

Although lit provide some ways to deal with css, however I have some existing css files which I would like to use in some components, what should I do? I have read this page https://lit.dev/docs/co...

I'm very new to Lit and Web Components. I hope you can help me. I wrote the following Element: import {html, LitElement, PropertyValues} from 'lit'; import {customElement, property} from 'lit/decor...

Does lit-html have by any change something like React's ref feature? For example in the following pseudo-code inputRef would be a callback function or an object { current: ... } where lit-html coul...

Using Vaadin 22+ I'm trying to display some dynamic html in a Vaadin Grid, using a LitRenderer. This could previously be achieved using the now-deprecated TemplateRenderer using this hack var templ...

I want to get raw string of css in npm module through vite. According to vite manual, https://vitejs.dev/guide/assets.html#importing-asset-as-string It says we can get raw string by putting "?...

In lit/lit-html/lit-element, a standard component is the TemplateResult (usually HTMLTemplateResult), created like: function renderMe(msg) { return html`<div>Hello ${msg}!</div>`; } a...

I have a rich editor I'm re-writing as a lit-element custom element. I'm using Firefox (latest) for testing. I'm trying to get the selection for the content editable element in the custom element's...

I'm trying to use some web components inside a React application. However, React is not able to detect the web component tags. import React from "react"; import "./App.css"; imp...

In react, we can use PropTypes to mark a specific prop as a required one. requiredFunc: PropTypes.func.isRequired, Vue also supports required props: propC: { type: String, required: true }, H...

I have been learning Polymer and this came in - The future of web (lit-element & lit-html) I understood that lit-html is for HTML templating with a couple of efficient techniques. At the same t...

Question is pretty much self-explanatory. Example: function generateTemplate(tag) { return html` <${tag} .some-prop=${1} > ... </${tag}> `; }

I am creating a web components using LitElement. This is from https://lit-element.polymer-project.org/guide/start // Import the LitElement base class and html helper function import { LitElement, ...