[Vuejs]-How can I modify a Vuetify sass variable for a specific instance of a component?

by

0👍

I don’t think you need to overwrite the sass variable in this case, just the target class on the specific instance.

<div id="app">
  <v-app id="inspire">
    <v-treeview class="narrow" :items="items"></v-treeview>
    <v-treeview :items="items"></v-treeview>
  </v-app>
</div>

<style>
.narrow .v-treeview-node__level {
  width: 8px !important;
}
</style>

Leave a comment