GitHub
Open Github

Badge

A badge component with multiple color variants and sizes.

Installation

pnpm dlx shadcn@latest add @spell/badge

Examples

Color

Size

SmallDefault

Usage

import { Badge } from "@/components/badge";
<Badge>Default</Badge>
<Badge variant="blue">Blue</Badge>
<Badge size="sm">Small</Badge>

Props

PropTypeDefault
children
React.ReactNode
-
variant
string
default
size
string
default
asChild
boolean
false
className
string
-