Badge
Inline label for status, category, or count indicators from @cassa/ui. Renders as a <span> — inline, no block layout impact.
Import
import { Badge } from '@cassa/ui'Color schemes
BrandNeutralSuccessWarningErrorInfo
As status indicators
ActivePendingFailedArchived
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| colorScheme | "brand" | "neutral" | "success" | "warning" | "error" | "info" | "neutral" | Sets background tint and text color from semantic token categories. |
| className | string | — | Extended via tailwind-merge. |
| ...props | React.HTMLAttributes<HTMLSpanElement> | — | All native span attributes. |