Quota Meter — Cinder component documentation

Overview

QuotaMeter presents quota usage, limits, reset dates, and unlimited states through Meter.

<script lang="ts">
  import QuotaMeter from '@lostgradient/cinder/quota-meter';
</script>

<QuotaMeter used={72} />

Live preview

Use when

Avoid when

Show finite quota consumption with an accessible value summary.

Props for quota-meter
Name	Type	Default	Description
`used`	`number`	`0`
`limit`	`number`	`100`
`resetsAt`	`text`
`locale`	`text`		BCP-47 locale used for the reset date. Defaults to LocaleProvider, then the runtime locale.
`timeZone`	`text`	`'UTC'`	IANA time zone used for the reset date.
`unlimited`	`boolean`	`false`
`label`	`text`	`'Quota'`
`children`	`snippet`