Carousel
A slideshow component for cycling through content.
Display content in a rotating carousel format.
Usage
import { Carousel, CarouselItem } from "@delphi/ui";
export function Example() {
return (
<Carousel>
<CarouselItem>Slide 1</CarouselItem>
<CarouselItem>Slide 2</CarouselItem>
<CarouselItem>Slide 3</CarouselItem>
</Carousel>
);
}API Reference
| Component | Description |
|---|---|
Carousel | Root carousel container |
CarouselContent | Container for carousel items |
CarouselItem | Individual slide |
CarouselPrevious | Previous slide button |
CarouselNext | Next slide button |
Include visible navigation controls (arrows, dots)
Support keyboard navigation with arrow keys
Allow users to pause auto-play if enabled
Use touch/swipe gestures on mobile
Show slide indicators so users know how many slides exist
Auto-advance too quickly — users need time to read content
Use carousels for critical information — many users don't engage
Hide important content after the first slide
Make carousels the only way to access content