diff --git a/src/components/carousel/index.ts b/src/components/carousel/index.ts
index eb0e14fd8..7193e4a28 100644
--- a/src/components/carousel/index.ts
+++ b/src/components/carousel/index.ts
@@ -350,10 +350,15 @@ export function initCarousels() {
             });
         }
 
+        const indicatorActiveClasses = $carouselEl.getAttribute('data-carousel-indicator-active-classes');
+        const indicatorInactiveClasses = $carouselEl.getAttribute('data-carousel-indicator-inactive-classes');
+
         const carousel = new Carousel($carouselEl as HTMLElement, items, {
             defaultPosition: defaultPosition,
             indicators: {
                 items: indicators,
+                activeClasses: indicatorActiveClasses ? indicatorActiveClasses : Default.indicators.activeClasses,
+                inactiveClasses: indicatorInactiveClasses ? indicatorInactiveClasses : Default.indicators.inactiveClasses,
             },
             interval: interval ? interval : Default.interval,
         } as CarouselOptions);