Carousel
A slide-by-slide content viewer. Supports arrow-key and swipe navigation, optional loop, autoplay with hover-pause, and a pill-style dot indicator. Prev/Next buttons disable at the edges when not looping.
Basic
Arrow keys navigate slides when the carousel is focused. Swipe left/right on touch. Previous/Next buttons disable at the edges (no loop).
With dots
Add CarouselDots below the content for a pill-style dot indicator. Active dot stretches to a pill shape.
Loop + autoplay
loop wraps around at the edges. autoplay advances every 3 s and pauses on hover/focus.
Autoplay active — hover to pause