Skip to main content
Substitui o conteúdo do botão por um spinner animado enquanto sending é true. Impede cliques duplicados durante o processamento e suporta estado desabilitado independente.

​
Uso

<LoaderButton
  :sending="isLoading"
  :disabled="!isValid"
  title="Finalizar pedido"
  @click="submitOrder"
/>
Com slot customizado: 
<LoaderButton :sending="isLoading" @click="submit">
  <span>Salvar alterações</span>
</LoaderButton>

​
Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
sendingBoolean✅—Quando true, exibe o spinner e bloqueia novos cliques.
disabledBoolean❌falseDesabilita o botão independentemente do estado de sending.
titleString❌''Texto do botão. Usado como fallback quando o slot não é preenchido.
listenPositionBoolean❌falseAtiva rastreamento de posição do botão na viewport.

​
Eventos

EventoPayloadDescrição
clickMouseEventDisparado ao clicar no botão (não dispara quando sending ou disabled é true).

​
Slots

SlotDescrição
defaultConteúdo do botão. Quando não preenchido, usa o valor de title.