<div class="app">
  <v-text font-size="7" tag="h1" bold>The quick brown fox jumps over the lazy dog</v-text>
  <v-text font-size="7" tag="span" bold>The quick brown fox jumps over the lazy dog</v-text>
  <v-text font-size="7" tag="div" bold>The quick brown fox jumps over the lazy dog</v-text>
</div>

<div class="app">
  <v-text font-size="6" font-md-size="7" font-lg-size="8" tag="h1" bold>Header level 1</v-text>
  <v-text font-size="6" font-md-size="7" font-lg-size="8" tag="h2" bold>Header level 2</v-text>
  <v-text font-size="6" font-md-size="7" font-lg-size="8" tag="h3" bold>Header level 3</v-text>
</div>

<div class="app">
  <v-text font-size="3">
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nibh eget venenatis vulputate, magna nisi tempus mi, nec congue ante lectus sed purus.
    </p>
    <p>
      Mauris consequat iaculis feugiat. Integer scelerisque condimentum urna, eu suscipit velit. In id nibh enim. Sed non rutrum velit. Suspendisse nec lorem eget dolor bibendum posuere. Sed tincidunt dolor sed nibh vestibulum, vitae molestie nibh lacinia. Phasellus sed ornare libero. Ut ac rhoncus tortor. Curabitur tempor enim ligula, sit amet vehicula ante egestas a. Donec et sollicitudin erat, sed pharetra libero. Aliquam quis ipsum non urna sollicitudin consequat.
    </p>
  </v-text>
</div>

<div class="app">
  <v-text truncate>
    Truncate: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed laoreet sed turpis at iaculis. Cras feugiat ac nisi suscipit lacinia. Duis fermentum erat ac orci facilisis sodales. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut placerat ut ipsum sed fermentum. Mauris non turpis malesuada, malesuada metus vel, pretium ex.
  </v-text>
  <v-text truncate-middle>
    Truncate middle: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed laoreet sed turpis at iaculis. Cras feugiat ac nisi suscipit lacinia. Duis fermentum erat ac orci facilisis sodales. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut placerat ut ipsum sed fermentum. Mauris non turpis malesuada, malesuada metus vel, pretium ex.pdf
  </v-text>
</div>