> ## 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.

# ProductSimilars

> Exibe produtos relacionados ao produto atual, em layout de grade ou carrossel.

<img src="https://mintcdn.com/yampi/aVuas9YGYMYd9zGw/images/componentes/product-similars.png?fit=max&auto=format&n=aVuas9YGYMYd9zGw&q=85&s=acfabf8072baa31f3af3602500cf6e3c" alt="" width="1300" height="553" data-path="images/componentes/product-similars.png" />

O componente `ProductSimilars` busca e exibe os produtos similares do produto atual. O layout pode ser configurado entre grade ou carrossel para desktop, e o número de colunas no mobile é controlável.

## Uso

```twig theme={"system"}
<product-similars
  desktop-layout="carousel"
  title="Produtos relacionados"
  :products-per-line="2"
/>
```

## Propriedades

| Propriedade       |   Tipo   | Obrigatória | Valor padrão | Descrição                                                     |
| :---------------- | :------: | :---------: | :----------: | :------------------------------------------------------------ |
| `desktopLayout`   | `String` |      ❌      |   `'grid'`   | Layout no desktop. Valores aceitos: `'grid'` ou `'carousel'`. |
| `title`           | `String` |      ❌      |     `''`     | Título exibido acima da seção de produtos similares.          |
| `productsPerLine` | `Number` |      ❌      |      `2`     | Número de colunas no mobile. Valores aceitos: `1` ou `2`.     |