Stair-step signal bars with an optional network label like 5G or Wi-Fi.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
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.
Spinning loader icon paired with a status label inside a rounded pill.
Pulsing status dot in four tints: live, beta, paused, offline.
System status
A compact status panel listing services, each with a colored dot and an operational state.
Inline percent change with a directional arrow, green for up and rose for down, beside a compare period.