Badge

Displays a badge or a component that looks like a badge.

shadcn/ui docs
DefaultNew ReleaseUrgent NoticeAct Now

Installation

pnpm dlx shadcn@latest add https://propcore.dev/r/badge.json

Usage

import { Badge } from '@/components/ui/badge'
<Badge>Badge</Badge>

Examples

Default

DefaultNew ReleaseUrgent NoticeAct Now

Neutral

Neutral

With Icon

Badge