Spinning loader icon paired with a status label inside a rounded pill.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Indicator3 } from "@/components/beste/piece/indicator3";
<Indicator3
label="Syncing workspace"
tone="primary"
/>Pulsing status dot in four tints: live, beta, paused, offline.
Pill that names the deploy environment with a matching dot color and an optional mono branch suffix.
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.
Stair-step signal bars with an optional network label like 5G or Wi-Fi.
Battery glyph with a tinted fill that colors rose, amber, or emerald by level.