Billing
BillingSubscriptionCard
Current subscription status with upgrade/cancel controls.
Billing
Stripe-integrated billing components for subscription management, pricing display, and payment history.
Components
<XABillingSubscriptionCard />
Current subscription status with upgrade/cancel controls.
<XABillingSubscriptionCard :subscription="subscription" @cancel="handleCancel" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
subscription | StripeSubscription | required | Stripe subscription object containing plan, status, and current_period_end |
Emits
| Event | Description |
|---|---|
cancel | Fired when the user initiates subscription cancellation |
AI Context
component: XABillingSubscriptionCard
package: "@xenterprises/nuxt-x-app"
auto-import: true
prefix: XA
category: Billing
requires: Stripe subscription object from API
use-when: Showing the current active subscription with plan name, status, renewal date, and upgrade/cancel actions on billing settings pages.
typical-flow: "After Stripe checkout redirect → shows active subscription → XABillingHistory shows invoices"