Skip to main content
MACAW

Billing dashboard

Pagebeta@macaw-ds/blocks · since 0.1.0

A billing overview: volume, revenue, outstanding and overdue KPIs, overdue invoices to chase and upcoming payouts.

The dashboard template filled for a billing product: four KPIs with deltas, a Needs attention panel listing overdue invoices with critical Badges, and an Upcoming payouts panel with dates and amounts.

Fills template

Dashboard template

When to use

  • Starting point for the home page of a billing or invoicing product.

When not to use

  • As a component: copy it and replace the data with your queries.

Rules

Hard rules for this composition. Keep them when you adapt the copy in your repo.

  1. Keep money in Text numeric, end-aligned.
  2. Overdue is critical; in transit is info; scheduled is neutral.
  3. Create invoice is the page's only primary Button.