Dialtone

Text Overflow

Utilities for controlling an element's text overflow.

Classes

ClassOutput
.d-truncate overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
.d-to-ellipsistext-overflow: ellipsis !important;
.d-to-cliptext-overflow: clip !important;
.d-to-unsettext-overflow: unset !important;

Truncate

Use d-truncate to truncate an element's text.

<p class="d-truncate">...</p>

Ellipsis

Use d-to-ellipsis to truncate an element's overflowing text with an ellipsis (...) if needed.

<p class="d-of-hidden d-to-ellipsis">...</p>

Clip

Use d-to-clip to clip an element's overflowing text if needed.

<p class="d-of-hidden d-to-clip">...</p>
Last Updated: