Badge
Inline status indicator with color variants.
Example
default success warning danger info
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'success' | 'warning' | 'danger' | 'info' | 'default' | Color variant |
class | string | — | Additional CSS classes |
children | Snippet | — | Badge content |
Usage
<script>
import { Badge } from '@chrissnell/chonky-ui';
</script>
<Badge variant="success">online</Badge>