LoaderButton - Yampi Developer Portal

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

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`sending`	`Boolean`	✅	—	Quando `true`, exibe o spinner e bloqueia novos cliques.
`disabled`	`Boolean`	❌	`false`	Desabilita o botão independentemente do estado de `sending`.
`title`	`String`	❌	`''`	Texto do botão. Usado como fallback quando o slot não é preenchido.
`listenPosition`	`Boolean`	❌	`false`	Ativa rastreamento de posição do botão na viewport.

Eventos

Evento	Payload	Descrição
`click`	`MouseEvent`	Disparado ao clicar no botão (não dispara quando `sending` ou `disabled` é `true`).

Slots

Slot	Descrição
default	Conteúdo do botão. Quando não preenchido, usa o valor de `title`.

⌘I