Tailwind CSS Typography - Taco Vue

Use our Taco Typography to present your website/web app as clearly and efficiently as possible.

Taco is an easy to use components library for Tailwind CSS and Material Design. It provides a simple way to customize your components, you can change the colors, fonts, breakpoints and everything you need.

<Typography>
    Taco is an easy to use components library for Tailwind CSS and Material Design. It provides a simple way to customize your components, you can change the colors, fonts, breakpoints and everything you need.
</Typography>

Typography Variants

The Typography component comes with 9 different variants that you can change it using the variant prop.

Taco

Taco

Taco

Taco

Taco
Taco
Taco is an easy to use components library for Tailwind CSS and Material Design. It provides a simple way to customize your components, you can change the colors, fonts, breakpoints and everything you need.

Taco is an easy to use components library for Tailwind CSS and Material Design. It provides a simple way to customize your components, you can change the colors, fonts, breakpoints and everything you need.

Taco is an easy to use components library for Tailwind CSS and Material Design. It provides a simple way to customize your components, you can change the colors, fonts, breakpoints and everything you need.
<Typography variant="h1">
    Taco
</Typography>
<Typography variant="h2">
    Taco
</Typography>
<Typography variant="h3">
    Taco
</Typography>
<Typography variant="h4">
    Taco
</Typography>
<Typography variant="h5">
    Taco
</Typography>
<Typography variant="h6">
    Taco
</Typography>
<Typography variant="lead">
    Taco is an easy to use components library for Tailwind CSS and Material Design. It provides a simple way to customize your components, you can change the colors, fonts, breakpoints and everything you need.
</Typography>
<Typography variant="paragraph">
    Taco is an easy to use components library for Tailwind CSS and Material Design. It provides a simple way to customize your components, you can change the colors, fonts, breakpoints and everything you need.
</Typography>
<Typography variant="small">
    Taco is an easy to use components library for Tailwind CSS and Material Design. It provides a simple way to customize your components, you can change the colors, fonts, breakpoints and everything you need.
</Typography>

Typography Colors

The Typography component comes with 23 different colors that you can change it using the color prop, below there are some examples of the colors but you can check all of the them here.

Taco

Taco

Taco

Taco

<Typography variant="h1">
    Taco
</Typography>
<Typography variant="h1" color="green">
    Taco
</Typography>
<Typography variant="h1" color="blue">
    Taco
</Typography>
<Typography variant="h1" color="red">
    Taco
</Typography>

Typography Gradient Colors

You can change the Typography text color into a gradient color using the text-gradient prop.

Taco

<Typography variant="h1" color="blue" text-gradient>
    Taco
</Typography>

Custom Typography

Typography Vue Component
<Typography 
      :textGradient="false" 
      color="blue" 
      variant="h6" 
  >
      Typography Vue Component
  </Typography>