Badge stable
Badges, our small count and labeling component.
Example
Default
Default
Default
Default
Default
Default
<v-badge text="Default" />
<v-badge type="primary" text="Default" />
<v-badge type="alternative" text="Default" />
<v-badge type="success" text="Default" />
<v-badge type="warning" text="Default" />
<v-badge type="danger" text="Default" />
1
2
3
4
5
6
2
3
4
5
6
Header badge
Header badge
Header badge
<v-badge text="Default" />
<v-badge type="primary" text="Default" />
<v-badge type="alternative" text="Default" />
<v-badge type="success" text="Default" />
<v-badge type="warning" text="Default" />
<v-badge type="danger" text="Default" />
1
2
3
4
5
6
2
3
4
5
6
Props
| Name | Type | Description | Default | Required |
|---|---|---|---|---|
| type | String | Button type one of ['default', 'alternative', 'primary', 'warning', 'success', 'danger'] | 'default' | false |
| text | String | Badge's alignment | 'middle' | false |
| text | [String, Number] | Badge's text | None | true |