📪Text Overflow

.text-overflow-clip

Clips the overflowing text.

CSS equivalent: text-overflow: clip;

Example usage:

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

.text-overflow-ellipsis

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

CSS equivalent: text-overflow: ellipsis;

Example usage:

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

.text-overflow-fade

Fades out the overflowing text.

CSS equivalent: text-overflow: fade;

Example usage:

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