feat(VBtn): add support for active-color prop

vuetifyjs · May 13, 2024 · aee83f0 · aee83f0
1 parent 9dbc30a
commit aee83f0
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VBtn/VBtn.tsx b/packages/vuetify/src/components/VBtn/VBtn.tsx
@@ -49,6 +49,7 @@ export const makeVBtnProps = propsFactory({
     type: Boolean,
     default: undefined,
   },
+  activeColor: String,
   baseColor: String,
   symbol: {
     type: null,
@@ -123,13 +124,14 @@ export const VBtn = genericComponent<VBtnSlots>()({
       return group?.isSelected.value
     })
 
+    const color = computed(() => isActive.value ? props.activeColor ?? props.color : props.color)
     const variantProps = computed(() => {
       const showColor = (
         (group?.isSelected.value && (!link.isLink.value || link.isActive?.value)) ||
         (!group || link.isActive?.value)
       )
       return ({
-        color: showColor ? props.color ?? props.baseColor : props.baseColor,
+        color: showColor ? color.value ?? props.baseColor : props.baseColor,
         variant: props.variant,
       })
     })