Skip to main content
Exibe um botão de compra fixo no rodapé da tela em dispositivos móveis. Mostra o preço atual do produto e permite adicionar ao carrinho ou acionar notificação de estoque quando indisponível.

​
Uso

<FloatingButton
  :quantity="quantity"
  :loading-button="isLoading"
  :disabled="!canBuy"
  :price="price"
  @click="addToCart"
  @open-stock-notifications-modal="openModal"
/>

​
Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
priceObject✅—Objeto com dados de preço do produto (promocional, parcelamento, etc.).
loadingButtonBoolean✅—Quando true, exibe spinner no botão e bloqueia novos cliques.
quantityNumber❌1Quantidade atual do produto selecionada pelo usuário.
disabledBoolean❌falseDesabilita o botão de compra.

​
Eventos

EventoDescrição
clickDisparado ao clicar no botão de compra.
open-stock-notifications-modalDisparado ao clicar em “Avise-me” quando o produto está indisponível.