Metrics & Status

UptimeStrip

Status-page style slat strip showing per-bucket health history for a service, sync, or SLA window. Oldest segment first.

Props

UptimeStrip extends HTMLAttributes<HTMLDivElement>.

UptimeStripProps props

Prop	Type	Default	Description
`segments`	`UptimeTone[]`	—	Array of tones, oldest first. "ok" \| "warn" \| "err" \| "idle".
`height`	`number`	`22`	Strip height in px.
`startLabel`	`ReactNode`	—	Label under the left end (e.g. '90d ago').
`endLabel`	`ReactNode`	—	Label under the right end (e.g. 'today').
`renderTooltip`	`(index: number) => ReactNode`	—	Renders a tooltip on hover for the segment at the given index.

UptimeStrip mixed

30 days agotoday

UptimeStrip with labels

ImportTSX

import { UptimeStrip } from "@solarius/onset";
import type { UptimeStripProps, UptimeTone } from "@solarius/onset";