diff --git a/packages/vuetify/src/components/VBtn/VBtn.tsx b/packages/vuetify/src/components/VBtn/VBtn.tsx index 1c9d0fff9773..783eac822476 100644 --- 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()({ 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, }) })