<Invoice />

A component for viewing and paying invoices.

Invoice component showing a Paid invoice with issue and paid dates, line item, proration, subtotal, taxes and total

The invoice component showing a paid invoice.

Not due invoice with a Download button, saved Default payment method, Add payment method and an orange Pay $5.81 button

An unpaid invoice. The customer can add or remove payment methods to pay it.

<Invoice
  id={invoiceId}
  onPaymentSuccess={() => console.log("Paid")}
/>

It needs a portal session token. Like every component, it also accepts appearance (Styling) and style and className for positioning.

PropsLink to Props section

  • id: The invoice to show.
  • onPaymentSuccess: Called when the customer has paid the invoice.

hidePaymentForm and hideDownloadButtonLink to hidePaymentForm and hideDownloadButton section

Hide the payment form, or the button that downloads the invoice.