본문으로 건너뛰기

BadgeGroup

BadgeGroup 컴포넌트는 Badge 컴포넌트를 그룹화하여 표시하는 컴포넌트입니다. 주로 Badge와 함께 추가적인 라벨과 아이콘을 표시할 때 사용됩니다.

인터랙티브 예제

labelstring
배지에 표시될 텍스트
groupLabelstring
그룹 라벨 텍스트
colorselect
배지그룹의 색상
sizeselect
배지그룹의 크기
groupIconpreset
그룹에 표시될 아이콘 타입

기본 사용법

Props

PropTypeDefaultDescription
size"xs" | "sm" | "md"'sm'뱃지 그룹의 크기
color"neutral" | "error" | "warning" | "success" | "blue" | "pink" | "disabled"'neutral'뱃지 그룹의 색상
type"pill-outline" | "pill-dark-color"'pill-outline'뱃지 그룹의 스타일 타입

예제

색상 변형

아이콘 사용

크기 변형

링크 사용