Electric Badge
Animated badge with pulsing electric glow. Great for status indicators and labels.
LiveDeployedIncident
Installation
1
Run the CLI
$npx particleui-cli add electric-badge
Usage
TSX
import { ElectricBadge } from "@/components/ui/electric-badge"
export default function Example() {
return (
<div className="flex gap-2">
<ElectricBadge>New</ElectricBadge>
<ElectricBadge variant="outline">Beta</ElectricBadge>
<ElectricBadge pulse>Live</ElectricBadge>
</div>
)
}Props
| Prop | Type | Default | Required |
|---|---|---|---|
| pulse | boolean | true | no |
Details
Source filecomponents/ui/electric-badge.tsx
Typeui
Categoriesbadges
npm dependenciesclsx, tailwind-merge
Registry deps—
Claude skill—