Go to...

Choose a page to open.

Displays a short label, such as a status or a count.

Badge

badge-demo

Installation

pnpm dlx shadcn@latest add https://ui.n2020.com/r/badge.json

Usage

import { Badge } from "@/components/ui/badge";
<Badge variant="outline">Badge</Badge>

Examples

Variants

badge-variants

Pass an element to the render prop to render the badge as a link.

badge-link