Badge

A small status label.

Installation

bash
npx shadcn@latest add badge

Import

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

Variants

Default
Secondary
Destructive
Outline

With Icon

Verified

Props

PROPTYPEDEFAULTDESCRIPTION
variant"default" | "secondary" | "destructive" | "outline""default"Visual style variant
asChildbooleanfalseMerge props onto child element