AzClipText

O azClipText é utilizado para limitar a quantidade de caracteres que será exibido no texto.

Utilização

HTML

<p>{{ phrase | azClipText(size) }}</p>

Vue.js

export default {
    data() {
        return {
            phrase: 'Pokem ipsum dolor sit amet Charizard.',
            size: 10
        }
    }
}

Resultado

API

Params	Descrição	Default
text	Texto completo a ser exibido.	String
length	Limite de caracteres que deve ser exibido.	String
suffix	Informações que devem ser mostradas ao chegar ao limite.	String - ...

Exemplo

HTML

<p>{{ phrase | azClipText(size, ' [...]') }}</p>

Vue.js

export default {
    data() {
        return {
            phrase: 'Pokem ipsum dolor sit amet Charizard.',
            size: 25
        }
    }
}

Resultado