Catalog metadata for this block. Install copies the source into your project.
npx cronus-ui add usage-dashboard| Field | Type | Default | Description |
|---|---|---|---|
slug* | string | "usage-dashboard" | Registry item id. Passed to cronus-ui add. |
name* | string | "Usage Dashboard" | Display name shown in the gallery. |
description* | string | "A usage analytics panel with metric cards, trend sparklines, quota meters, and a top-resources table." | Short summary of what the block covers. |
variants | { id: string; name: string; description: string }[] | ["overview", "period", "empty"] | Alternate layouts. Install a look with npx cronus-ui add <slug>--<id>. Omitted when the block has a single default. |
Every published look for this block.
| Id | Name | Description |
|---|---|---|
overview | Overview | Metric cards, quota meters, and a top-resources table for the current cycle. |
period | Period toggle | Last 30 days versus this billing cycle, with a segmented period control. |
empty | Empty | The same meters at zero, with no usage recorded yet. |
A usage analytics panel with metric cards, trend sparklines, quota meters, and a top-resources table.
Resets Jul 1, 2026 · Team plan quotas.
By share of total usage.
| Resource | Share |
|---|---|
| Edge functions | 38% |
| Database reads | 27% |
| Media delivery | 21% |
Metric cards, quota meters, and a top-resources table for the current cycle.
Last 30 days · compared to the prior window.
Consumption in the last 30 days.
Last 30 days versus this billing cycle, with a segmented period control.
No usage recorded yet.
The same meters at zero, with no usage recorded yet.