Exibição de dados

Credit balance ledger

Consulte créditos da conta e aplique um valor permitido a uma fatura atualizando o saldo.

Credit balance ledger

Inspect account credits and apply an eligible balance to an open invoice with a ledger entry.

Available credit

$250.00

USD account credit

Date	Entry	Credit change
Sep 01	Opening balance	+$300.00
Sep 03	Invoice INV-1092	−$50.00
Today	Applied to INV-1098	−$0.00

Amount to apply (USD)

Open invoice remaining$842.40

Como usar Credit balance ledger

Consulte créditos da conta e aplique um valor permitido a uma fatura atualizando o saldo.

Consulte créditos da conta e aplique um valor permitido a uma fatura atualizando o saldo. No React controlado, passe value e onChange; onAction recebe a ação e o estado resultante. Use defaultValue para um rascunho local.

Aplique US$ 75,00 duas vezes no crédito de US$ 250,00; restam US$ 100,00 disponíveis. Este exemplo atualiza apenas um rascunho local.

Os valores e decisões são exemplos locais. Nenhuma cobrança, alteração de assinatura ou transação é enviada; o aplicativo deve validar preços e salvar o resultado.

Propriedades: accent, status

Como o aplicativo recebe as alterações?

No React controlado, passe value e onChange; onAction recebe a ação e o estado resultante. Use defaultValue para um rascunho local.

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2893Seat management tableExibição de dadosAtribua licenças pagas e atualize o total de atribuições e a estimativa mensal.

2299Animated metric counterExibição de dadosUm grande número simples que surge de um valor inicial até seu destino no momento em que é exibido, ultrapassando um pouco antes de se estabilizar, com separadores de milhares e um sufixo opcional.

2302Auto-Scroll Message ListExibição de dadosUm painel de bate-papo rolável que se mantém fixado na mensagem mais recente, a menos que o leitor role para cima, momento em que um botão flutuante jump-to-latest aparece.

1917Avatar Lineup HoverExibição de dadosUma fileira de círculos de avatar sobrepostos onde passar o mouse o eleva acima de seus vizinhos e revela uma dica de nome.

1918Avatar StackExibição de dadosUma linha de avatares circulares sobrepostos que separa e levanta aquele que está sob o ponteiro, revelando uma dica de nome acima dele.

2113Before/After Code DiffExibição de dadosDois painéis de código lado a lado, rotulados antes e depois, com linhas adicionadas e removidas coloridas e um efeito de foco flutuante.