Skip to Content

Badge

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

DefaultSecondaryDestructiveOutline

Installation

npx shadcn@latest add @uipath/badge

Usage

import { Badge } from "@/components/ui/badge"
<Badge>Badge</Badge> <Badge variant="secondary">Secondary</Badge> <Badge variant="destructive">Destructive</Badge> <Badge variant="outline">Outline</Badge>