Loading...

Components/UI Primitives/Badge

Badge

UI Primitives

Small status label with color-coded variants.

Install

npx bouncekit@latest add badge

Import

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

Default

Secondary

Destructive

Outline

API Reference

Prop	Type	Required	Description
`variant`	`"default" \| "secondary" \| "destructive" \| "outline"`	—	Color variant.

Source

src/components/ui/badge.tsx