# Carousel Options

These options relate to the carousel as a whole

# images

type: Array

An array of objects containing image src and alt attributes to display on the carousel.

[
    { src: "https://images.unsplash.com/photo-1620953749696-38989c40eadb", alt: "Some alternative text" }
    // ...
]

# width

type: String

Set desired width of the carousel in any valid css units

<v-dot-carousel
  ...
  :width="'100%'">
</v-dot-carousel>

# height

type: String

Set desired height of the carousel in any valid css units

<v-dot-carousel
  ...
  :height="'200px'">
</v-dot-carousel>

# dotIndicatorColor (Optional)

type: String

default: #FFF

Set the bottom dot indicators color. You can provide a valid css color e.g 'red', a hex value e.g '#EC7123' or an rgb value e.g rgb(200, 40, 75).

<v-dot-carousel
  :images="images"
  :height="200"
  :dotIndicatorColor="#ec7123">
</v-dot-carousel>

# scrollButtonColor (Optional)

type: String

default: #000

Set the left and right scroll buttons' arrow color.

<v-dot-carousel
  :images="images"
  :height="200"
  :scrollButtonColor="#2AA249">
</v-dot-carousel>

# scrollButtonBackgroundColor (Optional)

type: String

default: #FFF

Set the left and right scroll buttons' background color.

<v-dot-carousel
  :images="images"
  :height="200"
  :scrollButtonBackgroundColor="transparent">
</v-dot-carousel>
Last Updated: 6/17/2021, 12:33:18 AM