Badge

Inline label for status, category, or count.

Installation

npx @obi/ui add badge

Preview

DefaultSuccessWarningDangerOutline

Usage

import { Badge } from '@/src/components/Badge/Badge';

<Badge>Default</Badge>
<Badge variant="success">Success</Badge>
<Badge variant="warning">Warning</Badge>
<Badge variant="danger">Danger</Badge>
<Badge variant="outline">Outline</Badge>

Props

Name	Type	Default	Description
variant	'default' \| 'success' \| 'warning' \| 'danger' \| 'outline'	'default'	Visual style of the badge.
className	string	''	Additional CSS classes.