Datendarstellung

Credit balance ledger

Kontoguthaben prüfen und einen zulässigen Betrag auf eine Rechnung mit aktualisiertem Saldo anwenden.

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

Credit balance ledger verwenden

Kontoguthaben prüfen und einen zulässigen Betrag auf eine Rechnung mit aktualisiertem Saldo anwenden.

Kontoguthaben prüfen und einen zulässigen Betrag auf eine Rechnung mit aktualisiertem Saldo anwenden. Für kontrolliertes React value und onChange übergeben; onAction erhält Aktion und Folgezustand. defaultValue setzt einen lokalen Entwurf.

Zweimal 75 USD aus dem Guthaben von 250 USD anwenden; anschließend bleiben 100 USD verfügbar. Dieses Beispiel aktualisiert nur einen lokalen Entwurf.

Beträge und Entscheidungen sind lokale Beispieldaten. Es werden keine Zahlungen, Tarifwechsel oder Finanztransaktionen gesendet; die Anwendung muss Preise prüfen und Ergebnisse speichern.

Eigenschaften: accent, status

Wie erhält die Anwendung Änderungen?

Für kontrolliertes React value und onChange übergeben; onAction erhält Aktion und Folgezustand. defaultValue setzt einen lokalen Entwurf.

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2893Seat management tableDatendarstellungBezahlte Plätze zuweisen und Anzahl sowie monatliche Kostenschätzung aktuell halten.

2299Animated metric counterDatendarstellungEine große, bloße Zahl, die in dem Moment, in dem sie ins Bild gescrollt wird, von einem Startwert zu ihrem Ziel hochspringt und leicht über das Ziel hinausschießt, bevor sie sich stabilisiert, mit Tausendertrennzeichen und einem optionalen Suffix.

2302Auto-Scroll Message ListDatendarstellungEin scrollbares Chat-Panel, das an die neueste Nachricht angeheftet bleibt, es sei denn, der Leser scrollt nach oben, woraufhin eine schwebende Schaltfläche „Zur neuesten Nachricht springen“ erscheint.

1917Avatar Lineup HoverDatendarstellungEine Reihe überlappender Avatar-Kreise, in denen man ihn über seine Nachbarn hebt, wenn man mit der Maus darüber fährt, und einen Namens-Tooltip anzeigt.

1918Avatar StackDatendarstellungEine Reihe überlappender kreisförmiger Avatare, die den Avatar unter dem Zeiger trennt und anhebt und darüber einen Namens-Tooltip anzeigt.

2113Before/After Code DiffDatendarstellungZwei Codefelder nebeneinander, mit Vorher- und Nachherbeschriftung, mit eingefärbten hinzugefügten und entfernten Linien und einem Hover-Fokus-Effekt.