Content v1.0.0

Carousel

A responsive carousel/slider component with arrow navigation, pagination dots, touch/swipe support, and configurable autoplay. Features infinite looping and smooth CSS transitions.

Preview & Code

Options

Name Type Default Description
slides * Array required Array of slide hashes with :content or :image keys
autoplay Boolean false Enable automatic slide advancement
interval Integer 5000 Milliseconds between slides when autoplay is enabled
pause_on_hover Boolean true Pause autoplay when user hovers over carousel
show_arrows Boolean true Display previous/next navigation arrows
show_dots Boolean true Display pagination dots below the carousel
class String "" Additional CSS classes for the container

Changelog v1.0.0

- v1.0.0: Initial release
- Arrow and dot navigation
- Touch/swipe support for mobile
- Configurable autoplay with pause on hover
- Infinite loop navigation
- Keyboard accessibility (arrow keys)

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now