User Profiles: Billing

User Profiles: Billing

A complete billing and subscription management component. Features current plan display, usage tracking with progress bars, payment method management, and billing history.

Usage

import UserBilling from "@/components/blocks/react/application/user-profiles/billing";

export default function BillingPage() {
  return <UserBilling />;
}

Features

• Current plan with badge and renewal date
• Usage tracking with progress bars
• API requests and monthly syncs metrics
• Payment method display and update
• Billing history with invoice list
• Download invoices functionality

Dependencies

• lucide-react for icons
• shadcn/ui Card, Badge, Progress, Button components