Studiov0.6.0

Carousel

Tier 1 — shadcn
Navigation

A horizontally scrolling slide carousel with prev/next controls for cycling through items.

Live Preview

Prairie Vista
Dos Pueblos
The Heavens

Code

import { Carousel } from "@regen/ui";

<Carousel />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Image galleries
  • •Feature highlight sliders
  • •Testimonial carousels

Do

  • ✓Use CarouselPrevious and CarouselNext for keyboard-accessible controls
  • ✓Set basis class on CarouselItem to control slide width

Don't

  • ✗Don't put dense content in carousel slides
  • ✗Don't use for more than 8 slides — use a grid