<UptimeBar
cells={Array.from({ length: 30 }, (_, i) => ({
status: i === 12 ? "outage" : i === 19 ? "degraded" : "ok",
timestamp: Date.now() - (29 - i) * 86_400_000,
}))}
/>UptimeBar
src/charts/UptimeBar.tsx
Import
import { UptimeBar } from "@ossrandom/design-system/charts";Peer dependencies
None — pure SVG / canvas2d render path.
Example
API
extends BaseProps
| Prop | Type |
|---|---|
cells required |
readonly UptimeCell[] |
height |
number |
gap |
number |
cellRadius |
number |
onCellHover |
(cell: UptimeCell | null, index: number) => void; |