# Usage meters

Usage meters: a free component, built on your design tokens, to use on a billing or usage page, for limits that can run out. Budget, seats and credit as three meters, with the forecast hatched past what is used and alert thresholds marked on the bar.

Prompt: Add the OpenDesigner component budget-meters to this project: https://opendesigner.dev/library/r/budget-meters.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: under budget, forecast over budget, full.

Accessibility: Each bar has role meter with its value and label; the forecast and thresholds are also said in the text under it.

File: https://opendesigner.dev/library/r/budget-meters.html