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.
Badges in their simplest form display to the upper right of the content that it wraps and requires the badge slot.
left prop will place the badge to the left of the wrapped content. Can be used with
bottom prop to achieve a bottom left position.
overlap prop will cause the badge to overlap its content.
배지는 적용된 모든 아이콘 셋을 사용할 수 있습니다.
배지는 텍스트와 같은 줄 위에(inline) 놓일 수 있습니다.
v-badge's visibility can be controlled by binding
v-model and setting it to true or false programmatically.
You can do many things with visibility control, for example, show badge on hover.
You can incorporate badges with dynamic content to make things such as a notification system.