Merge pull request #23 from ahmedrowaihi/patch-1

👌 IMPROVE(carousel): fix missing classname, use data attribute for thumbs
BelkacemYerfa · Mar 29, 2024 · a01c0c5 · a01c0c5
2 parents e0d3053 + eede795
commit a01c0c5
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/registry/default/extension/carousel.tsx b/src/registry/default/extension/carousel.tsx
@@ -295,10 +295,12 @@ const CarouselIndicator = forwardRef<
     <Button
       ref={ref}
       size="icon"
-      className={cn("h-1 w-6 rounded-full", {
-        "bg-primary": isSlideActive,
-        "bg-primary/50": !isSlideActive,
-      })}
+      className={cn(
+        "h-1 w-6 rounded-full",
+        "data-[active='false']:bg-primary/50 data-[active='true']:bg-primary",
+        className
+      )}
+      data-active={isSlideActive}
       onClick={() => onThumbClick(index)}
       {...props}
     >