Pular para o conteúdo
A
Get Pro

Carousel

LayoutCLI

Carrossel sem dependências (scroll-snap) com setas, indicadores, loop e autoplay.

Instalação

bash
pnpm add aura-ui-components aura-ui-tailwind

Depois, importe o CSS uma vez no seu arquivo global (Tailwind v4):

css
/* app/globals.css */
@import "aura-ui-tailwind";
@import "aura-ui-components/tailwind.css";

Uso

tsx
import {
  Carousel,
  CarouselContent,
  CarouselItem,
  CarouselPrevious,
  CarouselNext,
  CarouselDots,
  useCarousel
} from "aura-ui-components/carousel";

API

Exportações

CarouselCarouselContentCarouselItemCarouselPreviousCarouselNextCarouselDotscarouselContentVariantsuseCarousel

Tipos

CarouselPropsCarouselContentPropsCarouselItemProps

Dependências npm

class-variance-authority

Código-fonte

É exatamente o arquivo que o CLI copia para o seu projeto — edite à vontade.