Tenants
TenantsBilling
Tenant billing and usage metrics panel for admin subscription oversight.
TenantsBilling
Renders a billing overview for a specific tenant including current plan, billing cycle, MRR, usage metrics (seats, storage, API calls vs. plan limits), and an action to update the plan.
Components
<XAdminTenantsBilling />
Displays a tenant's billing summary with plan info, usage gauges against plan limits, and a plan upgrade/downgrade action.
<XAdminTenantsBilling :tenantId="tenantId" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
tenantId | string | — | ID of the tenant |
endpoint | string | '/api/admin/tenants' | Base API endpoint |
loading | boolean | false | Show loading skeleton |
showUsage | boolean | true | Display usage metrics with plan limit bars |
allowPlanChange | boolean | true | Show plan change action button |
AI Context
component: XAdminTenantsBilling
package: "@xenterprises/nuxt-x-app-admin"
category: Tenants
use-when: Displaying a tenant's current plan, billing cycle, and resource usage in an admin panel