Skip to content

UIBadge

Tones
NeutralInfoSuccessWarningDanger
PropTypeDefaultDescription
labelstringrequiredBadge text
tone"neutral" | "info" | "success" | "warning" | "danger""neutral"Semantic color

UIColorToken and UIStatusTone are identical to UIBadge — use whichever reads best in your context.

import { UIBadge } from "tango-api";
<UIBadge label="Open" tone="success" />
<UIBadge label="Deprecated" tone="warning" />
<UIBadge label="Failed" tone="danger" />