Bento

Bento Health

Pronew

A system health panel with counting numbers, bars filling over a hatched track and a live status pill.

All systems running

99.980.00%

Uptime, 90 days

840ms

p95 latency

Availability

Throughput

Error budget

Status, live

Uptime, latency and error budget for every service, refreshed every ten seconds.

Installation

npx shadcn@latest add @blank-pro/bento-health

Needs a Blank Pro licence key and the @blank-pro registry. Set up Pro access

Usage

import { BentoHealth } from "@/components/ui/bento-health"

<BentoHealth
  status="All systems running"
  stats={[{ label: "Uptime", value: 99.98, suffix: "%", decimals: 2 }]}
  bars={[{ label: "Availability", value: 96 }]}
/>

The panel runs off the right edge of the stage, so it reads as a slice of a larger dashboard. The status dot pings only while the card is on screen. Its color follows --bento-light, green by default.