Components/Data Display & Layout

Badge

@base-ui/react/use-render
npx shadcn@latest add @karan-ui/badge
@base-ui/react/use-render•Data Display & Layout

Badge Interactive Canvas

Displays a badge or small status tag styled with custom design tokens.

Canvas
Active

Props Controls

2 props
'default' | 'secondary' | 'outline' | 'destructive' | 'ghost' | 'link'
ReactNode