Stair-step signal bars with an optional network label like 5G or Wi-Fi.
The import and the props worth knowing about, in one place.
import { Indicator5 } from "@/components/beste/piece/indicator5"; <Indicator5 bars={3} total={4} label="5G" />
Four ascending bars that fill with the current reception level, paired with a network name and label.
Row of small dots showing progress through N steps, with a trailing fraction count.
Pulsing status dot in four tints: live, beta, paused, offline.
Spinning loader icon paired with a status label inside a rounded pill.
Inline percent change with a directional arrow, green for up and rose for down, beside a compare period.
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.
npx shadcn add https://ui.beste.co/piece/r-base/indicator5