I
I
Ivan2021-10-20 14:37:19
Vue.js
Ivan, 2021-10-20 14:37:19

How to change color of active v-chip vuetify chip?

Hello. There is a group of chips v-chip-group. The color of the active chip is gray, you need to change it. The documentation says that this should be done with a prop active-class, which by default is v-slide-item--active. But I can not google what other values ​​\u200b\u200bmay be there. Or maybe the swarm is in the wrong direction. In general, how to change the color of active chips v-chipthat are in a group v-chip-group?

Answer the question

In order to leave comments, you need to log in

1 answer(s)
0
0xD34F, 2021-10-20
@Djonson86

.xxx {
  background: red;
}

.xxx:hover {
  background: orange;
}

.xxx .v-chip__content {
  color: white;
  font-weight: bold;
}

<v-chip-group active-class="xxx">

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question