ascii.cnlibs.com
GithubX

Carousel

A horizontal, swipeable slide track.

compiling 42 modules

312 passed, 0 failed

no issues found

shipped to staging

health check ok

## installation

pnpm dlx shadcn@latest add https://ascii.cnlibs.com/r/carousel.json

## usage

import { AsciiBox } from "@/components/ascii/ascii-box";
import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@/components/ui/carousel";
<Carousel className="w-full max-w-xl">
  <div className="flex items-center justify-end gap-[1ch]">
    <CarouselPrevious />
    <CarouselNext />
  </div>
  <CarouselContent>
    {slides.map((slide) => (
      <CarouselItem key={slide.title}>
        <AsciiBox width={22} tone="primary" title={slide.title} padY={0}>
          <p>{slide.note}</p>
        </AsciiBox>
      </CarouselItem>
    ))}
  </CarouselContent>
</Carousel>