Components

Compact labels for status, category, and metadata. Follows the shadcn Badge system with MNEE semantic extensions. Accepts an optional icon slot for leading icons.

Variants

With icon

Pass any Lucide icon (or any node) to the icon prop. It renders before the label and inherits the variant's text color.

Usage

import { Badge } from "@mnee-ui/ui"import { CircleCheck } from "lucide-react"const statusVariant = {  COMPLETED: "success",  PENDING:   "warning",  FAILED:    "destructive",} as const<Badge  variant={statusVariant[tx.status] ?? "secondary"}  icon={<CircleCheck className="size-3" />}>  {tx.status}</Badge>

Props

Token mapping