Badge

The v-badge component can wrap any type of content to highlight information to a user or to just draw attention to a specific element.

Usage

Any element can be used with a badge.


API

v-badge

Examples

Overlap

The badge will overlap its content when using the overlap prop


Inline

Badges can also be placed inline with text.


Icon

The badge can use all of the currently supported icon sets.


Visibility

The visibility of badges can be controlled using v-model.