Stack Overflow
Stack Overflow

Questions tagged [lit-html]

Lit is a JS web component library. Lit HTML is the render component that uses tagged template literals to only update the parts of the DOM that have changed. Use this tag on questions related to using it standalone, and in components other than those based on LitElement.

is a JS web component library.

Lit HTML uses tagged template literals to build DOM that can be reused. It can be used standalone to build components or render DOM without the .

236 questions
0
votes
0 answers

using bootstrap modals with lit-element / web-components

i'm trying to use the modal from bootstrap in my lit-element project. im using sass to load the bootstrap .scss files seperately. but it doesnt really show the modal on button-click at all. i tried so much, but it doesnt work at…
Lizzal
  • 89
  • 8
0
votes
1 answer

bundle size: Is it possible to set lit-element as a peer dependency?

I noticed there is much code added to the bundled js for a simple lit-element based web component, and react components set react as a peer dependency so only one react runtime is bundled, since web components are framework-agnostic, if i used…
Edderd
  • 85
  • 6
0
votes
3 answers

Multiple Radio Button checked, unchecks Radio Button group

I would like to know when radio button is checked , it unchecks other object radio button. I have a object and for each object options, radio button is created. For example, for id=SG two radio buttons are created, if no checked, set bank as default…
mia
  • 235
  • 1
  • 4
  • 17
0
votes
1 answer

how to implement select2 in litelement

I would like to know how to implement select2 dropdown with images in litelement. since i have dynamic option values , how to implement select with option textbox and flags in litelement I have mentioned below sourcecode , please know how to do…
mia
  • 235
  • 1
  • 4
  • 17
0
votes
1 answer

Issue with Custom Component

I am working on learning lit-element, lit-html. The Component that I am trying to create is a custom select component. I am having an issue populating the drop down values and options. I am seeking guidance on what I should do next of to see if I am…
DRW
  • 335
  • 1
  • 3
  • 17
0
votes
1 answer

Using a condition for having attributes in a paper-input

I'm using lit-html with a paper-input which is a polymer 3 element. I would like to make a condition where some attributes are put in the paper-input-attributes by a condition. Note this does not seem to be related to paper-input. Different error…
JoakimE
  • 1,820
  • 1
  • 21
  • 30
0
votes
1 answer

Should ("...") be used in templates?

In lit-element @ Templates @ Bind properties to child elements (documentation) for Attribute:

Boolean attribute: ?checked="${...}" Property: .value="${...}" Event handler: @event="${...}" a pair of " is always used. On the…
SONewbiee
  • 363
  • 2
  • 15
0
votes
1 answer

radio button not showing the selected value in litelement component

I am newbie to litelement, I have a lit-element component in which radio click event function on rendering gives undefined.I want to display the selected radio button value in render method as well to the corresponding provider id. render() { return…
Senthil
  • 961
  • 1
  • 8
  • 21
0
votes
1 answer

how to display objects in litelement component

I would like to know how to display the two different object values in lit-element component render() { ${this.providerList.map(function (provider) { ${this.query.map(function (query) { return html`
mia
  • 235
  • 1
  • 4
  • 17
0
votes
1 answer

lit-html: how to just listen on click of source element not children

I have a template:
CommonSenseCode
  • 23,522
  • 33
  • 131
  • 186
0
votes
2 answers

does not provide an export named 'BrowserQRCodeReader'

I am using zxing-js/library library for qr code reading. I am facing a strange issue. The code for the qr scanning works in stackblitz online sample code, but not in my local environment. I am getting this error in local environment on run time. The…
Abidh
  • 457
  • 2
  • 5
  • 13
0
votes
1 answer

How to render value from database as HTML

Is it possible to reneder value from any external source (database, files, etc.) like 'some text' on page as pure HTML with using LIT-HTML? I'm trying to do it by assinging this value to variable like that: var variable = html…
Piotr Treska
  • 63
  • 1
  • 5
0
votes
1 answer

Files on github.io don't update, even after two days and after cleaning the cache

Two days ago, I updated the code of my site https://danipani.github.io/, the index file (index.html) has changed, but other files like https://danipani.github.io/node_modules/@bit/danipani.projects.global.button-3d/index.js don't update. I tried to…
Dani Pani danipani
  • 25
  • 3
0
votes
1 answer

Store connected select element binding stops working - Is this a bug? or my code?

Select element bound to a state object loses update binding. I am doing some exploration with lit-html and various routing/store combinations and have come across this strange behaviour. I have used the create-lit-app stackblitz. I have a menu which…
Jeremy
  • 11
  • 1
  • 5
0
votes
1 answer

How to set/override Lit-Element typescript property decorator by parsing value in index.html custom element?

I am trying to override a set property in lit-element. I am using Typescript and I am setting the value using a decorator in the custom element, although when I try to override the element by setting a different attribute in the index.html it…
jmoore255
  • 321
  • 4
  • 15
1 2 3
…
15
16