Badge

Pill-shaped badge with default (primary), secondary, destructive, outline, ghost, and link variants. Supports asChild pattern via Radix Slot for polymorphic rendering.

Install

npx shadcn add a11y/badge

npm Dependencies

class-variance-authority
radix-ui

Registry Dependencies

a11y/utils

Files

componentregistry/a11y/badge/badge.tsx

Preview & Source

DefaultSecondaryDestructiveOutlineGhostLink