Vue Bootstrap MobileMDB Pro component
Vue Mobile - Bootstrap 4 & Material Design
Vue Bootstrap mobile gestures are touch-based interactions with mobile devices. Various of different fingers movements indicate particular components responses.
MDB provides you support for most common touch gestures.
Carousel with gestures support
Click on the button below to launch a live example and see the Carousel with a gestures support in action.
Live previewTo make it work, use the prop touch
together with one of MDB carousel components.
<template>
<mdb-container>
<mdb-carousel :interval="false" touch showIndicators>
<mdb-carousel-item img src="https://mdbootstrap.com/img/Photos/Slides/img%20(68).jpg" mask="black-light" alt="First slide" />
<mdb-carousel-item img src="https://mdbootstrap.com/img/Photos/Slides/img%20(6).jpg" mask="black-strong" alt="Second slide" />
<mdb-carousel-item img src="https://mdbootstrap.com/img/Photos/Slides/img%20(9).jpg" mask="black-slight" alt="Third slide" />
</mdb-carousel>
</mdb-container>
</template>
<script>
import { mdbCarousel, mdbCarouselItem, mdbContainer } from 'mdbvue';
export default {
name: 'MobilePage',
components: {
mdbCarousel,
mdbCarouselItem,
mdbContainer
}
}
</script>
Warning: file_get_contents(common/gs.html): failed to open stream: No such file or directory in /var/www/html/legacy/vue/5.8.3/index.php on line 143