Carousel

A swipeable content slider with support for auto-play and controls.

Preview

Slide 1

Slide 2

Slide 3

bash

npx auralix-ui add carousel

tsx

import { Carousel } from "@/components/ui/Carousel";

<Carousel items={[<img src="1.jpg" />, <img src="2.jpg" />]} />

Name	Type	Default	Description
`items`	`ReactNode[]`	`[]`	Array of items to display.
`autoPlay`	`boolean`	`false`	Enable auto-play.
`showControls`	`boolean`	`true`	Show prev/next buttons.

Default

Auto Play

Auto 1

Auto 2

Minimal

On this page