Range Marker

100ms500ms
About this piece

Range Marker

Horizontal scale that drops a marker on the current reading and tints the expected window behind it.

Usage

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

import { Monitoring19 } from "@/components/beste/piece/monitoring19";

<Monitoring19
  min="100ms"
  max="500ms"
  position={38}
  bandStart={18}
  bandEnd={52}
  tone="primary"
  bordered={false}
/>

More Monitoring pieces

View all Monitoring
http.req
auth
db.query
cache.set
api
42ms
db
CPU72%
87%
Cache hit
API latency122ms
Requests
12.4Kreq/s
+12%