UncontrolledBadge
이미지, 컨텐츠 등의 상태 또는 분류를 시각적으로 표시할 때 사용합니다. 부가 정보를 표시할 수 있으며, 주목도를 높이는 기능도 합니다.Anatomy
뱃지를 구성하는 요소를 설명합니다.
Rules of Use
Icon variation
상황에 따라 왼쪽 아이콘을 변경하여 사용할 수 있습니다.
Spacing
콘솔의 타이틀 상단에 4px 간격을 두고 위치시키는 것을 원칙으로 합니다.
Nav-tab component
우측에 위치함을 기본으로 합니다. 4px의 기본 간격을 권장합니다.
Content
우측에 위치함을 기본으로 합니다. 8px의 기본 간격을 권장합니다.
Horizontal direction
수평 정렬을 기본으로 합니다. lg사이즈에서는 8px, md사이즈에서는 6px, sm사이즈에서는 4px을 권장합니다.