Pulsing status dot in four tints: live, beta, paused, offline.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Indicator1 } from "@/components/beste/piece/indicator1";
<Indicator1
label="Live"
variant="live"
/>Stock status chip with a dot and auto-phrased copy across in-stock, low, out, and preorder states.
Timestamp indicator with a dot that pings when live, holds sky when recent, or glows amber when stale.
Spinning loader icon paired with a status label inside a rounded pill.
System status
A compact status panel listing services, each with a colored dot and an operational state.
Pill that names the deploy environment with a matching dot color and an optional mono branch suffix.
Minimal HH:MM:SS countdown that ticks every second toward a target date, defaulting to three hours out.