Text

Documentation and examples for common text utilities.

Text Alignment

Text-align are available like:

I`m a centered text

<p class='text-center'>I`m a centered text</p>

Some values for text-align are available with classes:

Text Weight

Text-weight are available like:

I`m a bold text

<p class='text-bold'>I`m a bold text</p>

Some values for text-weight are available with classes:

Text Elipsis

To add an ellipsis at the end of the text use the following classes:

I`m a One line ellipsis

<p class='text-ellipsis' style='max-width: 90px;'>I`m a One line ellipsis</p>

If the text has more than one line use:

I`m a More than line ellipsis

<p class='text-ellipsis-more' style='max-width: 50px; max-height: 57px'>I`m a More than line ellipsis</p>

This classe use -webkit-line-clamp: 3 to change the clip on more lines change this prop on your element