Skip to main content
Usage Widgets are four independent components for showing a customer’s usage: Metric Cards, Usage Trend Chart, Usage Breakdown, and Usage Quota. Use one on its own, or combine them into a usage dashboard. Each component is presentational and takes its own prop shape. There is no shared parent component: render the ones you need, in whatever layout fits your page.

​
Components

Metric Cards

Grid of revenue, cost, margin, and custom usage metrics.

Usage Trend Chart

Line chart of usage over time, one series per feature.

Usage Breakdown

Grouped, sortable table of usage and cost by feature.

Usage Quota

Progress bars for each metered feature against its plan limit.

​
Import

Each component page documents its own prop shape, an example, and the adapter for mapping Flexprice usage analytics API responses.

​
See also

Overview

Install Flexprice UI, choose a data source, theme, and integrate components.

Credits Widgets

Wallet balance and transaction history components.