Carousel

Media & Content

Image/content carousel with directional slide animations via AnimatePresence, dot indicator with layoutId, optional auto-play, and arrow navigation.

Loading preview...

Customize

Auto-play

Interval (ms)

4000

Show dots

Show arrows

Props

Prop	Type	Default	Description
`children`	`React.ReactNode[]`	`[]`	Array of slide content elements.
`autoPlay`	`boolean`	`false`	Enable automatic slide advancement.
`interval`	`number`	`4000`	Auto-play interval in milliseconds.
`showDots`	`boolean`	`true`	Show dot indicators at the bottom.
`showArrows`	`boolean`	`true`	Show left/right arrow navigation.
`className`	`string`	`''`	Additional CSS classes.