Typography
#

To improve your application's UX, make sure to style the typography the way that would match the rest of the Vuestic-UI-based look and feel.

Text styles
#

Display 1 Heading

Open in GitHub

Display 2 Heading

Open in GitHub

Display 3 Heading

Open in GitHub

Display 4 Heading

Open in GitHub
Display 5 Heading
Open in GitHub
Display 6 Heading
Open in GitHub
Title heading
Open in GitHub

Of all of the celestial bodies that capture our attention and fascination as astronomers, none has a greater influence on life on planet Earth than itโ€™s own satellite, the moon. When you think about it.

Open in GitHub

Of all of the celestial bodies that capture our attention and fascination as astronomers, none has a greater influence on life on planet Earth than itโ€™s own satellite, the moon. When you think about it.

Open in GitHub

Code snippet
#

<p class="va-code-snippet">
  This is a wonderful example.
  <a href="#" onClick="">Read more</a>
</p>
Open in GitHub
currentColor none has a greater influence on life on planet Earth than itโ€™s own satellite, the moon.
Open in GitHub
<link
  href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap"
  rel="stylesheet"
/>

List styles
#

  1. Of all of the celestial bodies that capture our attention and fascination as astronomers, none has a greater influence.
  2. Earth than itโ€™s own satellite, the moon. When you think about it.
  3. Attention and fascination as.
  1. Coffee
  2. Tea
    1. Black tea
      1. Brooke Bond
      2. Lipton
    2. Green tea
      1. Greenfield
      2. Tess
  3. Milk
Open in GitHub
  • Of all of the celestial bodies that capture our attention and fascination as astronomers, none has a greater influence.
  • Earth than itโ€™s own satellite, the moon. When you think about it.
  • Attention and fascination as .
  • Coffee
  • Tea
    • Black tea
      • Brooke Bond
      • Lipton
    • Green tea
      • Greenfield
      • Tess
  • Milk
Open in GitHub

Links
#

Open in GitHub

Blockquote
#

BQ: Letโ€™s talk about meat fondue recipes and what you need to know first. Meat fondue also known as oil fondue is a method of cooking all kinds.

โ€” Mister Lebowski

Open in GitHub

Text block
#

Display-3 Heading

Of all of the celestial bodies that capture our attention and fascination as astronomers, none has a greater influence on life on planet Earth than itโ€™s own satellite, the moon. When you think about it.
Open in GitHub

Text helpers
#

Left

Center

Right

Justify Lorem ipsum dolor sit, amet consectetur adipisicing elit. Amet neque explicabo maxime optio doloremque alias quam eveniet saepe, facilis ullam. Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus ullam est amet illum molestiae beatae adipisci numquam, repudiandae excepturi quidem vero, illo iure dignissimos cumque minus voluptatem harum odio provident!

Open in GitHub

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Amet neque explicabo maxime optio doloremque alias quam eveniet saepe, facilis ullam. Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus ullam est amet illum molestiae beatae adipisci numquam, repudiandae excepturi quidem vero, illo iure dignissimos cumque minus voluptatem harum odio provident!

Open in GitHub
UpperCAseLoweRCAseCapitalize textBoldhighlighted text
Open in GitHub