[Vuejs]-How to change the font weight and font size of the label in Quasar Tab

0👍

instead of using the api label of q-tab.

do this

<q-tab>Mail<q-tab>

by doing that you can change it’s font-weight, font-size, everything in 3 ways.

1. by defining class name

class="tab"

and style it

.tab{
  font-size: 20px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
  1. is directly style in q-tab
style="font-size:20px; font-weight:normal;"
  1. is using quasar typography

class= "text-subtitle2 text-weight-thin"

Leave a comment