OOratiq

Carousel

Ready

Horizontal slide rail.

Requires embla-carousel-react

1
2
3
4
5

Installation

$ npx @oratiq-js/ui add carousel

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import
import { useCarousel, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, /* … */ } from "@/components/ui/carousel";

Default

1
2
3
4
5
6

Scroll direction follows the language

The carousel is handed the writing direction, so "next" moves toward the end edge in both LTR and RTL. Arrow keys follow suit, and the arrow icons mirror. Flip the toggle and drag it to confirm.

View source on GitHub → components/ui/carousel.tsx