Typography
Introduction
Typography is an integral part of any component library. ClutchUI provides various typography class aswell as some text utilities.
Heading
All heading tags from <h1> to <h6>
Heading h1
Heading h2
Heading h3
Heading h4
Heading h5
Heading h6
Text Utilites
Text Size
ClutchUI provides 3 types of text-size classes.
<txt-sm | txt-md | txt-lg>
Text Small
Text Regular
Text Medium
Text Large
Text Alignment
ClutchUI provides 3 types of text-alignment classes.
<txt-left | txt-center | txt-right>
Text center
Text right
Text left
Text Decoration
ClutchUI provides classes such as txt-gray and txt-white for gray and
white text respectively.
Additonally you can use the class txt-strike for strike-through effect.
Text gray
Text white
Text strike through
Text Weights
ClutchUI provides 7 different classes for font-weights.
<.txt-extra-light | .txt-light | .txt-regular | .txt-medium | .txt-semibold |
.txt-bold | .txt-black>
Weight extra light
Weight light
Weight regular
Weight medium
Weight semibold
Weight bold
Weight black