Badge

Displays a badge or a component that looks like a badge.

shadcn/ui docs →

Preview

DefaultNeutral

Installation

terminal
$
Other package managers
bunx --bun shadcn@latest add https://trents.tech/r/badge.json

Usage

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

<Badge>Default</Badge>
<Badge variant="neutral">Neutral</Badge>
0