Billing Management

Billing overview, invoices, subscriptions, and plans

SaaSPlatform Admin

Overview

The Billing components provide a comprehensive billing administration interface for multi-tenant platforms. BillingOverview displays revenue metrics and plan distribution charts. InvoiceList, SubscriptionList, PlanList, and CustomerList provide sortable, filterable tables for their respective entities. QuotaCard and QuotaStatus visualize resource usage limits with health indicators and alert thresholds.

Usage

import { BillingOverview, QuotaCard, QuotaStatus } from "@leanicon/web-builder-library/saas";

<BillingOverview
  metrics={revenueMetrics}
  revenueByPlan={revenueByPlanData}
  revenueOverTime={revenueOverTimeData}
/>;

<QuotaCard quota={quota} showPeriod showAlertStatus />;

<QuotaStatus quotaStatus={quotaStatus} showPeriod />;

Variants

Billing Overview

Platform revenue and subscription metrics

MRR

125,000

+15.0%vs last month

ARR

1,500,000

+12.0%vs last year

Active Subscriptions

150

+8.0%vs last month

Avg Revenue/Tenant

833

+5.0%vs last month

Revenue by Plan

Billing Overview (Dark)

Billing Overview

Platform revenue and subscription metrics

MRR

125,000

+15.0%vs last month

ARR

1,500,000

+12.0%vs last year

Active Subscriptions

150

+8.0%vs last month

Revenue by Plan

Billing Overview With Revenue Trends

Billing Overview

Platform revenue and subscription metrics

MRR

125,000

+15.0%vs last month

ARR

1,500,000

+12.0%vs last year

Revenue by Plan

Revenue Trends

Quota Card Healthy

Api Calls

45%

45,000 used100,000 limit

Quota Card Exceeded

Api Calls

105%

525,000 used500,000 limit

Quota exceeded

Quota Status Healthy

Usage Quotas

Healthy

Api Calls

35%

3,500 used10,000 limit

Storage

20%

2.0 GB used10 GB limit

Quota Status Warning

Usage Quotas

Warning

Api Calls

45%

45,000 used100,000 limit

Storage

80%

80 GB used100 GB limit

Users

88%

22 used25 limit

Quota Status Empty

No quotas configured