QuotaMeterFrame

QuotaMeterFrame<C>(__namedParameters): any

Quota/usage meter with multiple display variants.

Handles:

• Progress bar, circular gauge, or numeric counter rendering
• Threshold-based visibility (showAtPercent)
• Typed usage props override content fields
• data-rt-placement="quota-meter" attribute

Extend by wrapping and injecting children for custom content below the meter.

Type Parameters

C

C extends ResolvedContent = ResolvedContent

Parameters

__namedParameters

QuotaMeterFrameProps<C>

Returns

any

Example

function MinutesMeter(props: PlacementSlotProps<MeterContent>) {
  const { minutesUsed, minutesLimit } = useUsage();
  return (
    <QuotaMeterFrame
      {...props}
      displayStyle="circular_gauge"
      usageCurrent={minutesUsed}
      usageLimit={minutesLimit}
    />
  );
}