[Vuejs]-How to set itemWidth in Buefy carousel component?

0๐Ÿ‘

โœ…

No API option/support for custom width slide set by CSS (Example: On swiper slidesPerView: auto is API option for this idea โ€“ see swiper demos).

https://buefy.org/documentation/carousel/#api-view

For carousel list the width added by Javascript (Inline CSS) โ€“ Example:

enter image description here

Anyway, !important; will change the width (Output: broken layout).

.carousel-item{
  width: 176px!important;
}

items-to-show

One more idea/option for custom width: Use items-to-show and decimal (3.2 for example).

enter image description here

Leave a comment