Badge

Compact status and category labels with seven tone variants.

Preview

Default
Secondary
Outline
Success

Installation

pnpm dlx shadcn@latest add https://buxx.me/r/badge

Usage

TypeScript 
import { Badge } from '@/components/ui/badge';

export function Example() {
  return <Badge variant="secondary">Beta</Badge>;
}

Credits

Built on shadcn/ui.

View source Components