Token Bucket

7/10
About this piece

Token Bucket

Rate-limit row that maps remaining capacity to a chain of filled and hollow dots, with a count beside it.

Usage

The import and the props worth knowing about, in one place.

import { Monitoring12 } from "@/components/beste/piece/monitoring12";

<Monitoring12
  total={10}
  remaining={7}
  tone="sky"
/>

More Monitoring pieces

View all Monitoring
CPU
72%

Resource Meter

Utilization bar for CPU, memory, disk, or network with a recolorable fill and matching percentage label.

API Gateway
Operational99.98%

Service Status

Compact service health row with operational state, pulsing dot, and uptime percentage on the right.

812

Queue Depth

Vertical battery of segments rendering current queue fill against capacity, with a stacked numeric ratio beside it.

87%
Cache hitlast 1h

Metric Ring

Circular progress dial holding a percentage at its center, captioned with a label and supporting hint.

us-east-1
42ms
eu-west-2
78ms
ap-south-1
210ms
sa-east-1

Region Status

Multi-region availability list with a status dot per cloud region and the round-trip latency rendered in mono.

Downloaded by this page0
Markup0 KB
Styles0 KB
Fonts0 KB
Animation library0 KB
Total

Payload Breakdown

What a page downloads, itemised, every figure counting up to its weight except the one that has nothing to count, which stays at zero while the total climbs past it.