Badge

Kind

Core

Name

Type

Description

Theme-aware count or status pill. Use for tags, counts, or status labels; supports multiple color schemes and sizes.

Content examples

Default (1)

Function variants

Default(1)

Files

src/components/registry/primitives/core/badge.tsx→components/registry/primitives/core/badge.tsx

Dependencies

@radix-ui/react-slotclass-variance-authority

preview

Showcase

Loading component registry groups and selected install bundle...