Skip to main content
Botão de compra que, ao ser clicado, emite o evento addToCartClicked via EventBus global. Pode ser exibido como botão completo (texto + ícone) ou somente como ícone.

​
Uso

Botão com texto e ícone: 
<BuyButton :is-text-and-icon-button="true" :has-button-style="true">
  Adicionar ao carrinho
</BuyButton>
Somente ícone: 
<BuyButton />

​
Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
isTextAndIconButtonBoolean❌falseQuando true, exibe texto junto ao ícone do carrinho.
hasButtonStyleBoolean❌falseQuando true, aplica estilo de botão ao elemento.

​
Slots

SlotDescrição
defaultConteúdo textual exibido ao lado do ícone quando isTextAndIconButton é true.

​
Comportamentos automáticos

  • Ao clicar, dispara o evento addToCartClicked via EventBus, que é capturado pelo ProductCustomizations.