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
priceObjectObjeto com dados de preço do produto (promocional, parcelamento, etc.).
loadingButtonBooleanQuando true, exibe spinner no botão e bloqueia novos cliques.
quantityNumber1Quantidade atual do produto selecionada pelo usuário.
disabledBooleanfalseDesabilita 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.