> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yampi.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# ReadMore

> Trunca texto a um número máximo de linhas com botão de expansão "Ler mais / Ler menos".

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

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

## Propriedades

| Propriedade |   Tipo   | Obrigatória |   Valor padrão  | Descrição                                              |
| :---------- | :------: | :---------: | :-------------: | :----------------------------------------------------- |
| `maxLines`  | `Number` |      ❌      |       `3`       | Número máximo de linhas exibidas antes do truncamento. |
| `readMore`  | `String` |      ❌      |  `'+ Ler mais'` | Texto do botão para expandir o conteúdo.               |
| `readLess`  | `String` |      ❌      | `'- Ler menos'` | Texto do botão para colapsar o conteúdo.               |

## Slots

| Slot    | Descrição                         |
| :------ | :-------------------------------- |
| default | Conteúdo de texto a ser truncado. |