vanillawc / wc-carousel-lite Goto Github PK

I tried this and it did not work.

const carousel = document.createElement("wc-carousel-lite");
carousel.transistionDuration = 1000;
carousel.interval = 6000;

The carousel appears when I add it to the DOM but there's no transition. It was weird because I had a hardcoded example working fine in HTML, so I tried an attribute.

const carousel = document.createElement("wc-carousel-lite");
carousel.setAttribute("transition-duration", "1000");
carousel.interval = 6000;

This showed the carousel but the transition duration appeared to be the same length as the interval; both appeared to be set to 1000ms. So I tried setting the interval through an attribute.

const carousel = document.createElement("wc-carousel-lite");
carousel.setAttribute("transition-duration", "1000");
carousel.setAttribute("interval", 6000);

This worked.

Either the documentation is wrong and transitionDuration can't be set or this is a minor bug in the component.