CtrlK

Carousel

Cycle through multiple items in a single area.

Example

Slide 1

Slide 2

Slide 3

With Dots

Slide 1

Slide 2

Slide 3

Auto Play

Slide 1

Slide 2

Slide 3

Install

API Reference

Prop	Type	Default	Description
`children`	`React.ReactNode`	—	Slides to display (required)
`autoPlay`	`boolean`	`false`	Enable automatic slide progression
`autoPlayInterval`	`number`	`3000`	Auto-play interval in milliseconds
`showArrows`	`boolean`	`true`	Show navigation arrows
`showDots`	`boolean`	`false`	Show dots pagination indicators
`onSlideChange`	`(index: number) => void`	—	Callback when slide changes
`className`	`string`	—	Additional CSS classes