Token Bucket

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

7/10

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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

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