Menu
Element Plus Badge component (el-badge) API documentation. Triggers when user wants to use, implement, or asks about el-badge or Badge component.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Element Plus Affix component (el-affix) API documentation. Triggers when user wants to use, implement, or asks about el-affix or Affix component.
Element Plus Alert component (el-alert) API documentation. Triggers when user wants to use, implement, or asks about el-alert or Alert component.
Element Plus Anchor component (el-anchor) API documentation. Triggers when user wants to use, implement, or asks about el-anchor or Anchor component.
Element Plus Autocomplete component (el-autocomplete) API documentation. Triggers when user wants to use, implement, or asks about el-autocomplete or Autocomplete component.
Element Plus Avatar component (el-avatar) API documentation. Triggers when user wants to use, implement, or asks about el-avatar or Avatar component.
Element Plus Backtop component (el-backtop) API documentation. Triggers when user wants to use, implement, or asks about el-backtop or Backtop component.
| name | element-plus-badge |
| description | Element Plus Badge component (el-badge) API documentation. Triggers when user wants to use, implement, or asks about el-badge or Badge component. |
| Name | Description | Type | Default |
|---|---|---|---|
| value | display value. | ^[string] / ^[number] | '' |
| max | maximum value, shows {max}+ when exceeded. Only works if value is a number. | ^[number] | 99 |
| is-dot | if a little dot is displayed. | ^[boolean] | false |
| hidden | hidden badge. | ^[boolean] | false |
| type | badge type. | ^[enum]'primary' | 'success' | 'warning' | 'danger' | 'info' | danger |
| show-zero ^(2.6.0) | Whether to show badge when value is zero. | ^[boolean] | true |
| color ^(2.6.3) | background color of the dot | ^[string] | |
| offset ^(2.7.0) | offset of badge | ^[array][number, number] | [0, 0] |
| badge-style ^(2.7.1) | custom style of badge | ^[object]CSSProperties | — |
| badge-class ^(2.7.1) | custom class of badge | ^[string] | — |
| Name | Description | Type |
|---|---|---|
| default | customize default content | - |
| content ^(2.9.1) | customize badge content | ^[object]{ value: string } |
