Spinning loader icon paired with a status label inside a rounded pill.
The import and the props worth knowing about, in one place.
import { Indicator3 } from "@/components/beste/piece/indicator3";
<Indicator3
label="Syncing workspace"
tone="primary"
/>Deployment pill that morphs from Building to Deploying to Live, its width easing to fit each label while the text cross-fades and the colour shifts.
Pill that names the deploy environment with a matching dot color and an optional mono branch suffix.