Carousel
v1.0.0A sliding carousel for cycling through items.
Default Usage
Click the arrows to navigate through items.
Slide 1
Autoplay
Slides advance automatically on a timer.
Fast 1
Image Gallery
Perfect for image galleries and portfolios.
Image 1
API Reference
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | undefined | The content (slides) to be rendered. Best practice is utilizing an array of structural node elements. |
| autoPlay | boolean | false | Enables cyclical automated transitions without user input when unhovered. |
| interval | number | 5000 | Specifies the timeout metric between slides via milliseconds. |
| showControls | boolean | true | Displays dynamic Next/Previous overlapping directional float actions on hover state. |
| showIndicators | boolean | true | Injects page state pill markings at the bottom horizontal threshold layout. |
| loop | boolean | true | Controls whether scrolling past the final element index rotates back to initialization. |
| className | string | '' | A standard string vector parsed by structural layouts overriding element bounds. |