Skip to main content
Limita a exibição de texto a um número configurável de linhas e adiciona um botão para expandir ou colapsar o conteúdo.

Uso

<ReadMore :max-lines="4" read-more="+ Ver mais" read-less="- Ver menos">
  <p>{{ product.description }}</p>
</ReadMore>

Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
maxLinesNumber3Número máximo de linhas exibidas antes do truncamento.
readMoreString'+ Ler mais'Texto do botão para expandir o conteúdo.
readLessString'- Ler menos'Texto do botão para colapsar o conteúdo.

Slots

SlotDescrição
defaultConteúdo de texto a ser truncado.