Synthetic Checks Panel
A panel listing probe rows, each with a status dot, check name and target, type badge, region, interval, median latency, and a run result strip.
A panel listing probe rows, each with a status dot, check name and target, type badge, region, interval, median latency, and a run result strip.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Synthetic Checks Panel is the uptime probe list: six checks (marketing homepage, login flow, checkout API, SMTP relay, DNS resolution, webhook receiver) each run as a row with a pass or fail dot, the check name and target in mono, a type Badge (HTTP, Browser, TCP, DNS), the region and run interval, the p50 latency, a 12 run result strip drawn with div bars, and a state Badge. Checkout API is failing on its last three runs and the webhook receiver is trending slow. A New check button anchors the header.
CheckRow is a typed const array with a state union that steers the dot opacity, the Badge variant, and the bar colors. The header count is computed from the passing rows, and a footnote names the three failure alert rule and the incident it opened.
Reach for this block on an SRE dashboard or the monitoring section of a status page, wired to your synthetic monitoring provider. The checks, regions, and run history are data, swap them for your own probes and alert policy.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the synthetic uptime monitor list. Other panel shapes:
Tip: keep the run strip visible even for passing checks, a slow upward trend is the early warning a single pass or fail dot can never show.