Badge
Tiny inline status indicator with multiple tone variants.
DefaultSecondaryDestructiveOutline
Usage
import {Badge} from 'kinu';
<Badge variant="secondary">New</Badge>
Exports
| Name | Description | Rendered HTML |
|---|---|---|
| Badge | Inline status indicator | <span k="badge"> |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | BadgeVariant |
'default' | Visual style variant. |
_Source: src/components/badge/index.tsx