Step Dots

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

3 / 5

Import & use

import { Indicator2 } from "@/components/beste/piece/indicator2";

<Indicator2
  total={5}
  current={3}
  tone="primary"
/>

More Indicator pieces

+12.4%vs last week

Inline percent change with a directional arrow, green for up and rose for down, beside a compare period.

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.

Live

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

Updated 3 seconds ago

Timestamp indicator with a dot that pings when live, holds sky when recent, or glows amber when stale.

5GGood

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