Spinner Pill

Spinning loader icon paired with a status label inside a rounded pill.

Syncing workspace

Import & use

import { Indicator3 } from "@/components/beste/piece/indicator3";

<Indicator3
  label="Syncing workspace"
  tone="primary"
/>

More Indicator pieces

Live

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

Stagingfeat/onboarding-v3

Pill that names the deploy environment with a matching dot color and an optional mono branch suffix.

Only 4 left

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

Stair-step signal bars with an optional network label like 5G or Wi-Fi.

System status

SchedulingOperational

Billing syncOperational

Records exportDegraded

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

3 / 5

Row of small dots showing progress through N steps, with a trailing fraction count.