Indielayer UI - Vue.js 3 / Nuxt.js 3 UI Library with Tailwind CSS 4. ⚡️  Build and prototype fast web applications.

Indielayer
Indielayer UIIndielayer UI
UI
v2.1.0

Carousel

A sliding viewport for cycling through images or content panels. Use carousels for galleries and featured items when horizontal space is limited.

#
Usage

Basic example with common props.

#API

Carousel

props

Name
Description
Type
Default
Values
Required
autoplay
Advances slides automatically.
Boolean
false
delay
Autoplay interval in milliseconds.
Number
5000
showDots
Shows pagination dots under the slides.
Boolean
true
effect
Transition effect between slides.
String
slide
classDots
Extra class(es) on the default dots container.
Array
String

slots

Name
Description
default
Slides (typically x-carousel-slide). Slot props: to, next, prev, current, total.
dots
Custom pagination dots. Slot props: to, next, prev, current, total.

emits

Name
Description
update
Emitted when the current slide index changes.

methods

Name
Description
to
Go to a slide by zero-based index.
next
Go to the next slide (wraps to the first).
prev
Go to the previous slide (wraps to the last).
card
container