BadgeGroup
BadgeGroup 컴포넌트는 Badge 컴포넌트를 그룹화하여 표시하는 컴포넌트입니다. 주로 Badge와 함께 추가적인 라벨과 아이콘을 표시할 때 사용됩니다.
인터랙티브 예제
labelstring
배지에 표시될 텍스트
groupLabelstring
그룹 라벨 텍스트
colorselect
배지그룹의 색상
sizeselect
배지그룹의 크기
groupIconpreset
그룹에 표시될 아이콘 타입
기본 사용법
Props
Prop | Type | Default | Description |
---|---|---|---|
size | "xs" | "sm" | "md" | 'sm' | 뱃지 그룹의 크기 |
color | "neutral" | "error" | "warning" | "success" | "blue" | "pink" | "disabled" | 'neutral' | 뱃지 그룹의 색상 |
type | "pill-outline" | "pill-dark-color" | 'pill-outline' | 뱃지 그룹의 스타일 타입 |