배지 (Badge)

v-badge 컴포넌트는 특정 정보를 부각시키거나(highlight) 특정 요소에 대해 이목을 끌기 위해 사용되며 어떤 종류의 컨텐츠에도 사용할 수 있습니다.

사용법

어떤 요소에든 배지를 사용할 수 있습니다.


API

v-badge

예제

중첩 (Overlap)

overlap prop을 사용하면 배지는 컨텐츠 위에 중첩됩니다.


인라인 (Inline)

배지는 텍스트와 같은 줄 위에(inline) 놓일 수 있습니다.


아이콘 (Icon)

배지는 적용된 모든 아이콘 셋을 사용할 수 있습니다.


표시여부 (Visibility)

배지의 표시여부는 v-model 로 조절할 수 있습니다.