Carousel

Loop a series of images or texts in a limited space.

Import

import { MpCarousel, MpCarouselItem } from '@mekari/pixel3'

Props

Events

Slots

Name	Type	Default
`id` Id of carousel.	`string`	-
`active` Active index of carousel. start with 0.	`number`	`0`
`auto-play-timeout` Set timeout when carousel slides.	`number`	`5000`
`is-auto-play` If true, carousel start play.	`boolean`	`true`
`indicator-position` Set position of carousel indicator.	`right \| center \| left`	`right`
`indicator-variant` Set variant of carousel indicator.	`stripe \| dot`	`stripe`
`indicator-active-color` Set active color of carousel indicator.	`string`	`blue`
`indicator-base-color` Set base color of carousel indicator.	`string`	`gray`
`is-show-indicator` If true, carousel show indicator.	`boolean`	`true`
`is-show-button-nav` If true, carousel show button navigation.	`boolean`	`false`
`is-loop` If true, carousel start looping.	`boolean`	`true`