# badge (w-badge)

- **Import**: `WBadge` from `win-design-next`
- **Tag**: `<w-badge>`
- **说明**: Badge 徽章
- **分类**: data-display
- **Skill 版本**: V1.1.0
- **适配组件库**: win-design-next 1.2.2
- **API 来源**: `docs/zh-CN/component/badge.md`

## API

## API

### Attributes

| 属性名      | 说明                                                                  | 类型                                                                          | 默认值 |
| ----------- | --------------------------------------------------------------------- | ----------------------------------------------------------------------------- | ------ |
| value       | 显示值                                                                | ^[string] / ^[number]                                                         | ''     |
| max         | 最大值，超过最大值会显示 `{max}+`。 只有当 value 是数字类型时起作用。 | ^[number]                                                                     | 99     |
| is-dot      | 是否显示小圆点。                                                      | ^[boolean]                                                                    | false  |
| hidden      | 是否隐藏 Badge。                                                      | ^[boolean]                                                                    | false  |
| type        | badge type.                                                           | ^[enum]`'primary' \| 'success' \| 'warning' \| 'danger' \| 'error' \| 'info'` | danger |
| show-zero   | 值为零时是否显示 Badge                                                | ^[boolean]                                                                    | true   |
| color       | 背景色                                                                | ^[string]                                                                     |        |
| offset      | badge 的偏移量                                                        | [ `number` , `number` ]                                                       | —      |
| badge-style | 自定义 badge 样式                                                     | ^[object]`CSSProperties`                                                      | —      |
| badge-class | 自定义 badge 类名                                                     | ^[string]                                                                     | —      |

### Slots

| 插槽名  | 说明           | 类型                         |
| ------- | -------------- | ---------------------------- |
| default | 自定义默认内容 | -                            |
| content | 自定义显示内容 | ^[object]`{ value: string }` |
