## Badge ### Install ``` javascript import { Badge } from 'vant'; Vue.component(Badge.name, Badge); ``` ### Usage #### Basic Usage Use `active-key` prop to set index of chosen 'badge' :::demo Basic Usage ```html ``` ``` javascript export default { data() { return { activeKey: 0 }; }, methods: { onClick(key) { this.activeKey = key; } } }; ``` ::: ### BadgeGroup API | Attribute | Description | Type | Default | Accepted Values | |-----------|-----------|-----------|-------------|-------------| | active-key | Index of chosen badge | `String | Number` | `0` | - | ### Badge API | Attribute | Description | Type | Default | Accepted Values | |-----------|-----------|-----------|-------------|-------------| | title | Content | `String` | `''` | - | | info | Info Message | `String` | `''` | - | | url | Link | `String` | - | - |