Credits Balance Card
Prepaid credits wallet showing current balance, a ruled grants and spends ledger, and the application policy.
Prepaid credits wallet showing current balance, a ruled grants and spends ledger, and the application policy.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Credits Balance Card is the prepaid wallet panel, current balance ($142.50) in the header alongside the Prepaid badge, and a five-row ruled ledger below. The ledger mixes grants and spends: annual plan discount grant (+$100.00), Jun invoice payment (-$48.50), referral reward (+$25.00), May invoice payment (-$48.50), and the welcome grant (+$114.50). Each row shows the description, date, and ID (CRD-2026-0041, SPD-2026-0182). The policy footer explains all three rules: credits apply before the card, oldest grant first; credits never expire; partial application bills the remainder to the card.
The ledger is a const array typed as const with a kind field steering foreground weight. The three policy lines are the difference between a confused balance and a trusted wallet.
Reach for this block on the billing overview page next to the current plan card, wired to your credits ledger endpoint. Show it only when the account has a nonzero balance or a transaction history.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the prepaid credits wallet. Other credit balance surfaces:
Tip: oldest grant first is a policy worth stating; users assume LIFO until you tell them otherwise.