feat(storefront): New prop hasControls to <Carousel>

Higging controls by default when not more than one slide
ecomplus · Oct 6, 2023 · 017d5c9 · 017d5c9
1 parent deb58ff
commit 017d5c9
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/storefront/src/lib/components/Carousel.vue b/packages/storefront/src/lib/components/Carousel.vue
@@ -36,6 +36,7 @@ export interface Props {
   index?: number;
   autoplay?: number; // milliseconds
   axis?: 'x' | 'y';
+  hasControls?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -240,10 +241,10 @@ provide(carouselKey, {
         activeIndex,
       }"
     >
-      <CarouselControl is-prev :axis="axis">
+      <CarouselControl v-show="slideSizes.length > 1 || hasControls" is-prev>
         <slot name="previous" />
       </CarouselControl>
-      <CarouselControl :axis="axis">
+      <CarouselControl v-show="slideSizes.length > 1 || hasControls">
         <slot name="next" />
       </CarouselControl>
     </slot>