@inkline/inkline/src/stories/utilities/text/text-truncate.html

Inkline is the Vue.js UI/UX Library built for creating your next design system

<div class="_display:block _text:truncate" style="max-width: 180px;">
    This block text is truncated.
</div>

<span class="_display:inline-block _text:truncate" style="max-width: 150px;">
    This inline text is truncated.
</span>