📪Text Overflow

.text-clip

Clips the overflowing text.

CSS equivalent: text-overflow: clip;

Example usage:

<div class="text-clip">
  <p>This text overflows but is clipped.</p>
</div>

.text-ellipsis

Adds an ellipsis (...) to the end of the overflowing text.

CSS equivalent: text-overflow: ellipsis;

Example usage:

<div class="text-ellipsis">
  <p>This text overflows and is truncated with an ellipsis.</p>
</div>

.text-fade

Fades out the overflowing text.

CSS equivalent: text-overflow: fade;

Example usage:

<div class="text-fade">
  <p>This text overflows and is faded out.</p>
</div>

Last updated