Skip to main content
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: 
<dropdown-cart
  :mouse-hover="isHovering"
  empty-cart-text-button="Ver produtos"
  empty-cart-link-button="/produtos"
  highlighted-price="pix"
/>

​
Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
mouseHoverBoolean✅—Controla a visibilidade do dropdown via hover no ícone do carrinho.
emptyCartTextButtonString✅—Texto do botão exibido quando o carrinho está vazio.
emptyCartHelperTextString❌'Navegue pela loja e adicione produtos.'Texto auxiliar exibido no estado de carrinho vazio.
emptyCartLinkButtonString❌'/'URL do botão no estado de carrinho vazio.
highlightedPriceString❌''Destaca o preço de um método de pagamento. Valores: 'pix', 'billet' ou ''.