Range Marker

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

100ms500ms

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

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

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