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

# DropdownCart

> Carrinho em formato de dropdown no header com itens, economia e descontos por método de pagamento.

Exibe o carrinho como um painel suspenso (dropdown) abaixo do ícone do carrinho no header. Mostra os produtos, economia acumulada e opções de desconto por método de pagamento (PIX, boleto). Usado quando `cartType="suspended"` no `MiniCart`.

## Uso

Recomenda-se usar via `MiniCart` com `cart-type="suspended"`. Para uso direto:

```twig theme={"system"}
<dropdown-cart
  :mouse-hover="isHovering"
  empty-cart-text-button="Ver produtos"
  empty-cart-link-button="/produtos"
  highlighted-price="pix"
/>
```

## Propriedades

| Propriedade           |    Tipo   | Obrigatória |                Valor padrão                | Descrição                                                                        |
| :-------------------- | :-------: | :---------: | :----------------------------------------: | :------------------------------------------------------------------------------- |
| `mouseHover`          | `Boolean` |      ✅      |                      —                     | Controla a visibilidade do dropdown via hover no ícone do carrinho.              |
| `emptyCartTextButton` |  `String` |      ✅      |                      —                     | Texto do botão exibido quando o carrinho está vazio.                             |
| `emptyCartHelperText` |  `String` |      ❌      | `'Navegue pela loja e adicione produtos.'` | Texto auxiliar exibido no estado de carrinho vazio.                              |
| `emptyCartLinkButton` |  `String` |      ❌      |                    `'/'`                   | URL do botão no estado de carrinho vazio.                                        |
| `highlightedPrice`    |  `String` |      ❌      |                    `''`                    | Destaca o preço de um método de pagamento. Valores: `'pix'`, `'billet'` ou `''`. |