Text Utilities

Documentation and examples for common text utilities.

Heading

Our library uses 4 different heading sizes from h1 to h4.

This is Heading 1 - 48px

This is Heading 2 - 32px

This is Heading 3 - 24px

This is Heading 4 - 16px

Paragraph

This is a paragraph example.

This is a simple paragraph - 16px

Small text

Small tag is used to define smaller text (like copyright and other side comments).

This is small text - 10px

Grey text

This is a grey text example.

This is grey text

Text Align

Text can be aligned using the align-left, align-center or align-right class.

This text is aligned to the left

This text is aligned to the center

This text is aligned to the right