Signal Bars

Four ascending bars that fill with the current reception level, paired with a network name and label.

5GGood

New here? Read the installation guide.

Import & use
import { Indicator10 } from "@/components/beste/piece/indicator10";

<Indicator10
  level={3}
  network="5G"
  label="Good"
/>

More Indicator pieces

View all Indicator
5G

Signal Bars

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

Live

Status Pill

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

3 / 5

Step Dots

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

Only 4 left

Stock Level

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

Syncing workspace

Spinner Pill

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

42%

Battery Level

Battery glyph with a tinted fill that colors rose, amber, or emerald by level.

Markdown version