Pill that names the deploy environment with a matching dot color and an optional mono branch suffix.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Indicator11 } from "@/components/beste/piece/indicator11";
<Indicator11
env="staging"
branch="feat/onboarding-v3"
/>Pulsing status dot in four tints: live, beta, paused, offline.
Spinning loader icon paired with a status label inside a rounded pill.
Stock status chip with a dot and auto-phrased copy across in-stock, low, out, and preorder states.
System status
A compact status panel listing services, each with a colored dot and an operational state.
Battery glyph with a tinted fill that colors rose, amber, or emerald by level.
Timestamp indicator with a dot that pings when live, holds sky when recent, or glows amber when stale.