Carousel

A swipeable track of slides with previous and next buttons. Drag, swipe, or use the arrow keys while it has focus.

tsx

1import {
2  Carousel,
3  CarouselContent,
4  CarouselItem,
5  CarouselPrevious,
6  CarouselNext,
7} from "@pestoui/core"

Peeking slides

A slide is full width unless you give it a basis-*; two-thirds leaves the next one peeking in. The buttons disable themselves at either end.

Prop	Type	Default	Description
orientation	"horizontal" \| "vertical"	"horizontal"	On Carousel. The axis the track moves along.
opts	CarouselOptions	—	On Carousel. Passed to the underlying slider — align, loop, dragFree and the rest.
plugins	CarouselPlugin	—	On Carousel. Slider plugins, such as autoplay.
setApi	(api: CarouselApi) => void	—	On Carousel. Hands back the slider API for a slide counter or external controls.
variant / size	Button["variant"] / Button["size"]	"outline" / "icon-sm"	On CarouselPrevious and CarouselNext.

Pesto UI · 117 documented components