Component: Payment History Table

Overview

The Payment History component allows customers to view their historical payments in a self-service Finance Portal. This improves transparency and reduces support requests by letting users check payment dates, statuses, amounts, and methods directly, without contacting sales or account managers.

This component is designed for B2B SaaS businesses and is part of the Self-service / Manage My Account section.

Please note, if a payment method used for a past payment has been deleted, the column will display as empty.

Props

Prop	Type	Default	Purpose
Label for the date header	String	Date	Column label
Label for the status column	String	Status	Column label
Label for the amount column	String	Amount	Column label
Label for the payment method column	String	Payment Method	Column label
Label for the results per page	String	Results per page	Text label
Message displayed if no payments are found	String	There are no payments associated with your account.	Text label for no payments
Message displayed if there is an error retrieving the payment history	String	There was a problem retrieving your payment history.	Text label for error