Command Palette

Search for a command to run...

Badge

Displays a small label or status indicator. Supports multiple variants including default, secondary, destructive, outline, ghost, and link.

Badge

Installation

npx shadcn add badge --registry https://ui.ch.sh/r

Usage

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

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

Examples

Variants

DefaultSecondaryDestructiveOutline