Affichage des données

Credit balance ledger

Consultez les crédits du compte et appliquez un montant admissible à une facture en actualisant le solde.

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

Utiliser Credit balance ledger

Consultez les crédits du compte et appliquez un montant admissible à une facture en actualisant le solde.

Consultez les crédits du compte et appliquez un montant admissible à une facture en actualisant le solde. En React contrôlé, fournissez value et onChange ; onAction reçoit l’action et l’état résultant. defaultValue initialise un brouillon local.

Appliquez deux fois 75 USD sur le crédit de 250 USD ; le solde disponible devient 100 USD. Cet exemple ne modifie qu?un brouillon local.

Les montants et décisions sont des exemples locaux. Aucun paiement, changement d’abonnement ou transaction n’est envoyé ; l’application doit valider les prix et enregistrer le résultat.

Propriétés: accent, status

Comment l’application reçoit-elle les changements ?

En React contrôlé, fournissez value et onChange ; onAction reçoit l’action et l’état résultant. defaultValue initialise un brouillon local.

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

2893Seat management tableAffichage des donnéesAttribuez les sièges payants en actualisant le nombre et l’estimation mensuelle.

2299Animated metric counterAffichage des donnéesUn grand chiffre nu qui jaillit d'une valeur de départ jusqu'à sa valeur cible au moment où il défile, dépassant légèrement avant de se stabiliser, avec des milliers de séparateurs et un suffixe facultatif.

2302Auto-Scroll Message ListAffichage des donnéesUn panneau de discussion déroulant qui reste épinglé sur le message le plus récent à moins que le lecteur ne fasse défiler vers le haut, auquel cas un bouton flottant jump-to-latest apparaît.

1917Avatar Lineup HoverAffichage des donnéesUne rangée de cercles d'avatar qui se chevauchent où le survol de l'un d'entre eux le soulève au-dessus de ses voisins et révèle une info-bulle de nom.

1918Avatar StackAffichage des donnéesUne rangée d'avatars circulaires superposés qui sépare et soulève celui sous le pointeur, révélant une info-bulle de nom au-dessus.

2113Before/After Code DiffAffichage des donnéesDeux panneaux de code côte à côte, étiquetés avant et après, avec des lignes ajoutées et supprimées teintées et un effet de mise au point en survol.