Questions tagged [lit]

Lit is a web components and HTML templating library. It includes the Lit HTML template renderer and LitElement web component base class.

Lit is a web components and HTML templating library.

Older versions of Lit were split into two parts (lit-html and lit-element, now unified in one package):

Lit html uses tagged template literals to create reusable DOM.
LitElement is a base class for creating web components using this.

328 questions

votes

1 answer

Getting tag based on ID of element inside shadowroot

I am having the below html that I render in a lit component: render() { return html`

testing this component

` through the below constructor I'm calling a…

javascript typescript constructor lit

asked Nov 15 '21 at 20:48

Rick

1,392
1
21
52

votes

1 answer

Configure Prettier to avoid replacing quotes

Background I have tried several keywords but was not able to find a solution to disable prettier's quotes modification. I am working on a Polymer Lit project and I have tried a lot of things but it is really hard to maintain the code indentation…

javascript lint prettier lit-html lit

asked Nov 13 '21 at 21:13

anees

1,777
3
17
26

votes

1 answer

lit styles when render root is lightdom

So I have the following styles: static styles = [css, icons]; Then I set the renderRoot to lightdom: protected createRenderRoot(): Element | ShadowRoot { return this; } With this the style is not applied and I have to manually add: render()…

javascript css web-component lit

asked Nov 07 '21 at 19:58

Marc Rasmussen

19,771
79
203
364

votes

0 answers

vaadin-item @click event in lit template

I'm trying to build a page size selector for the vaadin-grid-pagination project and in doing so I came up with a design that uses the vaadin-dropdown-menu webcomponents and looks like this: