Data Display

Badge

Inline status indicator. 6 semantic variants.

Six semantic variants.

NeutralActiveSyncedPendingErrorDraft

API Reference

Prop	Type	Default	Description
`variant`	`"neutral" \| "accent" \| "success" \| "warning" \| "destructive" \| "outline"`	`"neutral"`	Semantic color variant.

User/team identity with fallback initials.

Metric display: value, label, delta.

import { Badge } from "@doss/tetris-ui";