GitHub
Docs
Badge

Badge

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

Preview

Default
Secondary
Outline
Destructive

Installation

npx shadcn@latest add badge

Usage

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

<Badge variant="outline">Badge</Badge>