Vue Carousel

Bootstrap carousel is a slideshow component for cycling through elements—images or slides of text—like a carousel.

Example

Copy

<b-carousel id="carousel1"
            controls
            indicators>
    <!-- Text slides with image -->
    <b-carousel-slide img-src="img/theme/img-1-1200x1000.jpg"></b-carousel-slide>
    <b-carousel-slide img-src="img/theme/img-2-1200x1000.jpg"></b-carousel-slide>
    <b-carousel-slide img-src="img/theme/img-1-1200x1000.jpg"></b-carousel-slide>

</b-carousel>

Copy

<script>
import { BCarousel } from "bootstrap-vue/esm/components/carousel/carousel";
import { BCarouselSlide } from "bootstrap-vue/esm/components/carousel/carousel-slide";

export default {
  components: {
    BCarousel,
    BCarouselSlide
  }
};
</script>