Carrusel

[EdgarC-A]

Amigos espero que se encuentren bien , tengo un pequeño detalle que no he podido resovoler.
Tome un componente un Carrusel para ser mas específicos , y lo agregue a mi proyecto de react+vite y estoy usando Typescript. El carrusel me aparece correcto , pero solo se visualiza la primera imagen , pero en funcionalidad no , si le doy NEXT para la siguiente imagen no aparece nada como si bloqueara la imagen , así me pasa con todo y todos los carrusel que quiero incorporar ayuda porfavor:

`aqui en codigo
import { Carousel, initTWE } from "tw-elements";
initTWE({ Carousel });

import img1 from "./img/jhesus-img1.jpg";
import img2 from "./img/jhesus-img2.jpg";
import img3 from "./img/jhesus-img3.jpg";

export default function CarruselDark() {
return (

<div
className="relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none"
data-twe-carousel-active
data-twe-carousel-item
// style={{ backfaceVisibility: "hidden" }}
>

First slide label

Some representative placeholder content for the first slide.

<div
className="relative float-left -mr-[100%] hidden w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none"
data-twe-carousel-item
// style={{ backfaceVisibility: "hidden" }}
>

Second slide label

Some representative placeholder content for the second slide.

<div
className="relative float-left -mr-[100%] hidden w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none"
data-twe-carousel-item
// style={{ backfaceVisibility: "hidden" }}
>

Third slide label

Some representative placeholder content for the third slide.

Previous









Next



);
}
`

[iprzybysz]

Hi @EdgarC-A, please check out TW Elements React integration tutorial. This article shows you how to integrate React application with TW Elements and use basic components.