Vuetify truncate text

Vue truncate text

filters: {
        truncate: function (text, length, suffix) {
            if (text.length > length) {
                return text.substring(0, length) + suffix;
            } else {
                return text;
            }
        },
    }

Source: stackoverflow.com

Vuetify truncate text

<!-- For Vue/Vuetify -->
<!-- Requires display: inline-block or display: block -->

<span
  class="d-inline-block text-truncate"
  style="max-width: 150px;"
>
  Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus.
</span>

Similar codes

0 vote193 views1 answer
How to detect what someone typed html code
Html
0 vote225 views1 answer
Tailwind CSS Forms
Html
0 vote241 views1 answer
Dark blue html code
Html
4 votes206 views4 answers
Html base
Html
-1 vote208 views2 answers
How to shift div to right
Html
0 vote216 views2 answers
Html div grid 9x9
Html
2 votes214 views1 answer
Html video autoplay IPHONE
Html
2 votes195 views1 answer
Failed to load resource: the server responded with a status of 503 (service unavailable)
Html
0 vote208 views1 answer
Button navigate to page
Html
0 vote202 views1 answer
Twig html to markdow
Html