v-badge component can wrap any type of content to highlight information to a user or to just draw attention to a specific element.
Any element can be used with a badge.
Align the component towards the bottom
Applies specified color to the control - it can be the name of material color (for example
purple) or css color (
rgba(255, 0, 0, 0.5))
Align the component towards the left
Sets the transition origin
Component will overlap the slotted content
Sets the component transition. Can be one of the built in transitions or your own.
The badge will overlap its content when using the
Badges can also be placed inline with text.
The badge can use all of the currently supported icon sets.
The visibility of badges can be controlled using