Liminal UI

Component

Badge

A small pill-style label for statuses and counts

UI Component

Badge

A badge component for showing statuses, categories, or counts.

Installation

bash
liminal add badge

Usage

tsx
import { Badge } from "@/components/ui/badge";

export default function Example() {
  return <Badge>New</Badge>;
}

Variants

tsx
<Badge variant="default">Default</Badge>
<Badge variant="secondary">Secondary</Badge>
<Badge variant="destructive">Destructive</Badge>
<Badge variant="outline">Outline</Badge>