Skip to main content

Badge

Inline badge for status indicators, counts, and labels.

Import​

import { Badge } from '@kikumi3n/ui';

Usage​

<Badge>Default</Badge>
<Badge variant="success">Active</Badge>
<Badge variant="warning">Pending</Badge>
<Badge variant="error">Failed</Badge>
<Badge variant="info">New</Badge>

Sizes​

<Badge size="sm">Small</Badge>
<Badge size="md">Medium</Badge>
<Badge size="lg">Large</Badge>

API​

PropTypeDefaultDescription
variant'default' | 'success' | 'warning' | 'error' | 'info''default'Color variant
size'sm' | 'md' | 'lg''md'Badge size