Current Plan Usage
Team plan header with renewal date and three usage meters each stating the overage policy beneath the bar.
Team plan header with renewal date and three usage meters each stating the overage policy beneath the bar.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Current Plan Usage is the no-surprise meter panel, a Team plan header naming the $96 base and the Jul 1 renewal date, followed by three usage meters, Seats at 5 of 8, API calls at 1.2M of 2M this period, and Storage at 14 of 50 GB. Each meter carries the exact policy beneath it: the seat meter explains the upgrade gate, the API and storage meters both name the 90% warning email and the per-unit overage rate, nothing breaks at 100%.
Meters are one array with used, cap, percent, and policy fields. The policy line under each bar is what stops the what happens when I hit the limit support ticket before it is ever sent.
Reach for this block on the workspace billing page, wired to your usage endpoint and your plan limits. Refresh on page load; the footer already warns that meters update hourly.
A natural flow around it on an Application Pro page:
Before
After
One strong use is a SaaS Team plan with three metered resources. Other uses:
Tip: the policy line is load-bearing copy, not decoration; it belongs under the bar that owns it.