TemplateBilling

Billing portal

A billing portal with renewal metrics, export controls, and invoice rows.

Preview

Billing

Renewal workspace

Prepare invoices, retry failed cards, and export finance packets.

Collected$42.8k

Open$7.3k

Failed$918

Export type

Choose the packet for the next finance handoff.

Standard packetPaid and pending invoices.Risk packetFailed cards and retry notes.

Invoice	Customer	Status	Amount
AX-2049	North Pier Ops	Paid	$2,480
AX-2048	Foundry Desk	Pending	$840

Ingredients

These are the primitive pieces used by the template.

CardStatProgressRadio GroupTable

Code

code

<div className="grid gap-5">  <Card>    <CardHeader>      <Badge tone="accent">Billing</Badge>      <CardTitle>Renewal workspace</CardTitle>    </CardHeader>    <CardContent>      <Stat label="Collected" value="$42.8k" tone="accent" />      <Progress value={84} tone="accent" />    </CardContent>  </Card>  <RadioGroup name="export" options={exportOptions} value="standard" />  <Table>{/* invoice rows */}</Table></div>