Usage
Basic carousel with images. Each child element becomes a slide.
import { Carousel } from "lambda-ui-components";
export default function App() {
return (
<Carousel>
<div className="w-full h-[400px]">
<img src="/image1.jpg" alt="Slide 1" className="w-full h-full object-cover" />
</div>
<div className="w-full h-[400px]">
<img src="/image2.jpg" alt="Slide 2" className="w-full h-full object-cover" />
</div>
<div className="w-full h-[400px]">
<img src="/image3.jpg" alt="Slide 3" className="w-full h-full object-cover" />
</div>
</Carousel>
);
}