All components

Carousel

Horizontally scrolling content.

Full API on ui.shadcn.com

Default

1
2
3
4
5
<Carousel>
  <CarouselContent>
    {items.map((item) => (
      <CarouselItem key={item.id}>{item.content}</CarouselItem>
    ))}
  </CarouselContent>
  <CarouselPrevious />
  <CarouselNext />
</Carousel>