Text Utilities

Text Utilities are made of typography that helps in making the text legible, readable, and appealing to the user.

Headings

There are 6 variants of headings available - h1 through h6. Use the tags h1 through h6 as per the preferred size.

This is h1 heading.

This is h2 heading.

This is h3 heading.

This is h4 heading.

This is h5 heading.
This is h6 heading.


This is h1 heading.


This is h2 heading.


This is h3 heading.


This is h4 heading.


This is h5 heading.


This is h6 heading.

Paragraphs

Paragraphs are written using p tags. These can be used for subtitles, descriptions, or plain texts.
We have 5 sizes available along with a grey variant. Use class p-xl for extra-large text, p-lg for large text, p-sm for small text, p-xs for extra small text, and p-grey for grey text. Adding no class results in the default text.

This is an extra large text.

This is a large text.

This is the default text.

This is a small text.

This is an extra small text.

This is a grey text.



This is an extra large text.


This is a large text.


This is the default text.


This is a small text.


This is an extra small text.


This is a grey text.

Text Alignment

Below, we have text aligned left, right, and center. Use class text-left for left alignment, text-center for center alignment, or text-right for right alignment.

This is aligned left.

This is aligned center.

This is aligned right.



This is aligned left.


This is aligned center.


This is aligned right.
< Snackbars