Misc / Carousel

Carousel

<Carousel />Stable

A slideshow built on embla-carousel. Use for image strips, onboarding, or fixed-width media. Configure with the `opts` prop.

import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from "@/components/upnext";

Variants

1
2
3
4
5
<Carousel>
  <CarouselContent>
    {slides.map((s) => (
      <CarouselItem key={s.id}>{s.element}</CarouselItem>
    ))}
  </CarouselContent>
  <CarouselPrevious />
  <CarouselNext />
</Carousel>

Source

The wrapper is a thin re-export; the actual styling lives in the shadcn primitive.