Текст вертикальной кнопки VuetifyJS

Для этого вам действительно не нужен vuetify.

Вы можете просто использовать CSS и Flexbox.

Скажите, что у вас есть:

<div class = "wrapper"> 
 <div>Text Above</div>
 <div>Text Below</div>
</div>

Вы хотите, чтобы «Текст внизу» располагался под «Текстом вверху». Вы можете сделать это следующим образом:

.wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

Однако кликните сюда, чтобы увидеть ваше решение

Попробуй это

 <div class = "d-flex flex-column align-center">
    <v-btn icon height = "30">
      <v-icon>mdi-history</v-icon>
    </v-btn>
    <p class = "mb-0">abc</p>
 </div>