Skip to content
ConversionIQ Docs

Component: Billing Overview

Component

Section titled “Component”

Purpose / responsibility

Section titled “Purpose / responsibility”

Render an at-a-glance view of subscription status, renewal, invoice health, and primary billing alerts.

Props / inputs / outputs

Section titled “Props / inputs / outputs”
  • Inputs: billing summary model (plan, status, renewal date, invoice state)
  • Outputs: navigation events to details (optional)

Variants

Section titled “Variants”
  • Compact (header summary)
  • Full (dashboard-like)

States

Section titled “States”
  • Default: billing summary displayed
  • Loading: skeleton
  • Empty: no billing configured (contract)
  • Error: provider unavailable
  • Disabled: lacks billing.view

Accessibility requirements

Section titled “Accessibility requirements”
  • Status badges with text alternatives
  • Alerts announced to screen readers

Security & privacy considerations (if applicable)

Section titled “Security & privacy considerations (if applicable)”
  • Mask sensitive details; never show full payment info

Analytics hooks (if applicable)

Section titled “Analytics hooks (if applicable)”
  • billing.overview.viewed (optional)

Dependencies

Section titled “Dependencies”