Carousel
Scrollable item carousel with previous/next navigation controls and optional auto-play.
Examples
Basic slides
Manual slide navigation with previous / next buttons.
With navigation dots
Dot indicators show current position in the slide deck.
With arrows
Icon arrow buttons overlaid on the slide for a polished look.
Autoplay indicator
A progress bar visualises time remaining before auto-advancing.
Installation
pnpm add @rokle/components @rokle/tokensInstalls with the default Rokle brand. Generate a custom brand on rokle.app to use your own colours and personality.
Usage
import { Carousel } from "@rokle/components";import { Carousel } from "@rokle/components";
export function Example() {
return <Carousel />;
}API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| items | ReactNode[] | - | Slide content nodes. |
| autoPlay | boolean | false | Automatically advance slides. |
| loop | boolean | false | Wrap around from last slide to first. |