Stock Level

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

Only 4 left

Import & use

import { Indicator12 } from "@/components/beste/piece/indicator12";

<Indicator12
  stock="low"
  count={4}
/>

More Indicator pieces

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.

42%

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

System status

SchedulingOperational

Billing syncOperational

Records exportDegraded

A compact status panel listing services, each with a colored dot and an operational state.

3 / 5

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

Syncing workspace

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