Badge
Status badges and counters.
Import
tsx
import { ZBadge } from "@zurto/ui";Usage
tsx
<ZBadge>Default</ZBadge>
<ZBadge variant="success">Active</ZBadge>
<ZBadge variant="warning">Pending</ZBadge>
<ZBadge variant="error">Failed</ZBadge>Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'success' | 'warning' | 'error' | 'info' | 'default' | Color variant |
size | 'sm' | 'md' | 'md' | Badge size |
dot | boolean | false | Dot indicator |