Shield UI

Text Utilities

These are some helpful text sizes and text types available.

Individual usage

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

These are different sizes of heading provided. You can use these classes and convert any element to heading.

Default :none

Heading class : h1 h2 h3 h4 h5

Small text

Lorem ipsum

This is small text.

Default : none

text class : text-sm

Gray text

Lorem ipsum

This is gray text.

Default : none

text class : text-gray

Center text

Lorem ipsum

This is center text.

Default : none

text class : text-center