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

Kaufmann Commerce UI / Kaufmann primitive

Badge

The canonical Kaufmann status pill. Product Cards compose it without introducing a separate Badge language.

Variants

The same neutral and semantic variants as the main Kaufmann system.

Live specimen
NeutralSuccessWarningErrorInfo

With canonical Status Dot

Dot and Badge remain two composable Kaufmann primitives.

Live specimen
AvailableLow stockUpdating
Astro
import { Badge } from "@kaufmann/ui";

<Badge>New</Badge>
<Badge variant="warning" withDot>Only a few left</Badge>