Skip to content
KaufmannCommerce UI
Foundations · v0.1⌘ K

Kaufmann Commerce UI / Kaufmann primitive

Status Dot

The canonical Kaufmann status LED. Commerce uses it for connection, inventory, and attention—never as a substitute for truth.

Semantic tones

Color remains status semantics; neutral is the safe default.

Live specimen
NeutralSuccessWarningErrorInfo

Size and attention

Pulse remains opt-in and means attention, not authority.

Live specimen
SmallLive attentionLarge
Astro
import { StatusDot } from "@kaufmann/ui";

<StatusDot tone="success" label="Synced" />
<StatusDot tone="warning" pulse label="Low stock" />