nalarx-uiComponents
Badge
A neutral pill for short labels; status shows as a small coloured dot.
bunx shadcn@latest add @nalarx/badgeUsage
import { Badge } from "@/components/ui/nx/Badge";
<Badge tone="ok">Active</Badge>Tones
The pill never takes a colour; the dot carries the status. accent draws as neutral: orange is not a status.
Sizes and long text
One line always: long text ends in an ellipsis and the full text is in the title.
sm
sm
Props
Every span attribute, plus tone ("neutral" | "ok" | "warn" | "err" | "off" | "accent", default "neutral") and size ("sm" | "md", default "md").
Replaces
NxChip in both apps (variant becomes tone) and the Platform's base/Badge.tsx.