BuyButton - Yampi Developer Portal

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

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`isTextAndIconButton`	`Boolean`	❌	`false`	Quando `true`, exibe texto junto ao ícone do carrinho.
`hasButtonStyle`	`Boolean`	❌	`false`	Quando `true`, aplica estilo de botão ao elemento.

Slots

Slot	Descrição
default	Conteú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.

⌘I