Carousel colors - code helper

xxxxxxxxxx
 
<template>
  <mdb-carousel
    :interval="8000"
    slide
    :items="items"
    indicators
    indicators-color="bg-secondary"
    controlls
    :controll-icons="['fas fa-chevron-left text-secondary', 'fas fa-chevron-right text-secondary']"
  ></mdb-carousel>
</template>

xxxxxxxxxx
 
<style>
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
</style>

xxxxxxxxxx
 
<script>
import { mdbCarousel } from "mdbvue";
​
export default {
  name: "HelloWorld",
  components: {
    mdbCarousel
  },
  data() {
    return {
      items: [
        {
          img: true,
          src:
          "https://mdbootstrap.com/img/Photos/Slides/img%20(130).jpg"
        },
        {
          img: true,
          src:
          "https://mdbootstrap.com/img/Photos/Slides/img%20(129).jpg"
        },
        {
          img: true,
          src:
          "https://mdbootstrap.com/img/Photos/Slides/img%20(70).jpg"
        }
      ]
    };
  },
};
</script>

Console errors: 0