Vue Carousel

- Guide
- API
- Examples

- Guide
- API
- Examples

# Examples

## Basic

No options configured, 10 slides added to the carousel.

## Responsive

Configured breakpoints: 2 slides on mobile (<= 480px), 3 slides on tablet (<= 768).
Note: in a JSFiddle iframe, the breakpoint is determined by the iframe’s width.

## Scroll per page

Instead of scrolling on a per item basis, the carousel will scroll the configured perPage with each movement.

## Scroll per page (custom)

Instead of scrolling on a per item basis, the carousel will scroll the configured by perPageCustom with each movement.

## Autoplay

The carousel will auto-advance slides unless the carousel is hovered upon.

## Autoplay infinite loop

The carousel will auto-play and loop when reaching the end.

## Navigation

Buttons added to advance the carousel in either direction.

## Customized

Customized pagination dot colors and sizes. Customized speed and easing.

Caught a mistake or want to contribute to the documentation? Edit this page on Github!