v-badge component superscripts or
subscripts an avatar-like icon or text onto content to highlight
information to a user or to just draw attention to a specific element.
Content within the badge usually contains numbers or icons.
See documentation.
Badges help convey information to the user in a variety of ways.
You can incorporate badges with dynamic content to make things such as a notification system.
You can do many things with visibility control, for example, show badge on hover.
The v-badge component is flexible and can be used in
a variety of use-cases over numerous elements. Options to tweak
the location are also available through the offset-x and offset-y
props.