# ClBadge Badge

> 徽章组件，显示数字标记或状态圆点

- **标签名**: `<cl-badge>`
- **引入**: `import { ClBadge } from '@cldemo/library'`

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| className | `String` | `` | 否 | 自定义CSS类名 |
| color | `String` | `'default'` | 否 | 颜色主题，可选: default, green, red, yellow, black, gray |
| colorSty | `String` | `` | 否 | 自定义颜色样式 |
| num | `String, Number` | `` | 否 | 显示的数字 |
| maxNum | `Number` | `-1` | 否 | 最大显示数字，超过显示 maxNum+ |
| isHideZero | `Boolean` | `true` | 否 | 是否隐藏数字为0的徽章 |
| isDot | `Boolean` | `false` | 否 | 是否显示为圆点 |

## 基础用法

```vue
<cl-badge></cl-badge>
```
