Explorer

Badge

Small status indicator with variant styles.

Components

Installation

npx shadcn@latest add https://ui.edbn.me/r/badge.json

A small status label. Renders a div element.

variant'default' | 'secondary' | 'destructive' | 'outline'

='default'

Visual style variant

size'sm' | 'md' | 'lg'

='md'

Badge size

classNamestring

CSS class name