Four ascending bars that fill with the current reception level, paired with a network name and label.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Indicator10 } from "@/components/beste/piece/indicator10";
<Indicator10
level={3}
network="5G"
label="Good"
/>Stair-step signal bars with an optional network label like 5G or Wi-Fi.
Pulsing status dot in four tints: live, beta, paused, offline.
Row of small dots showing progress through N steps, with a trailing fraction count.
Stock status chip with a dot and auto-phrased copy across in-stock, low, out, and preorder states.
Battery glyph with a tinted fill that colors rose, amber, or emerald by level.
Spinning loader icon paired with a status label inside a rounded pill.