Uptime Strip Card

A status card showing one service's uptime percentage above a dense strip of daily bars tinted by how that day went.

Booking service

99.98%

Last 45 days

New here? Read the installation guide.

Import & use
import { Indicator14 } from "@/components/beste/piece/indicator14";

<Indicator14
  title="Booking service"
  uptime="99.98%"
  range="Last 45 days"
  bars={[
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "partial",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "down",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "partial",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up"
  ]}
/>

More Indicator pieces

View all Indicator

System status

SchedulingOperational
Billing syncOperational
Records exportDegraded

Status List Card

A compact status panel listing services, each with a colored dot and an operational state.

Live

Status Pill

Pulsing status dot in four tints: live, beta, paused, offline.

Only 4 left

Stock Level

Stock status chip with a dot and auto-phrased copy across in-stock, low, out, and preorder states.

+12.4%vs last week

Trend Delta

Inline percent change with a directional arrow, green for up and rose for down, beside a compare period.

Updated 3 seconds ago

Freshness Dot

Timestamp indicator with a dot that pings when live, holds sky when recent, or glows amber when stale.

5GGood

Signal Bars

Four ascending bars that fill with the current reception level, paired with a network name and label.