GitHub

Carousel

An interactive slideshow component for cycling through elements.

Docs API

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/carousel.json

Usage

import { 
  Carousel,
  CarouselControl,
  CarouselItem,
  CarouselItemGroup,
  CarouselIndicator,
  CarouselIndicatorGroup,
  CarouselNext,
  CarouselPrevious,
} from "@/components/ui/carousel"; 
<Carousel>
  <CarouselControl>
    <CarouselPrevious>Previous</CarouselPrevious>
    <CarouselNext>Next</CarouselNext>
  </CarouselControl>

  <CarouselItemGroup>
    <CarouselItem />
  </CarouselItemGroup>
</Carousel>