Skip to main content
ParticleUI

Badge

Inline status badge with five variants including electric accent.

DefaultSecondaryOutlineSuccessErrorWarning

Installation

1

Run the CLI

$npx particleui-cli add badge

Usage

TSX
import { Badge } from "@/components/ui/badge"

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

Details

Source filecomponents/ui/badge.tsx
Typeui
Categoriesbadges, core
npm dependenciestailwind-variants
Registry deps
Claude skill