컴포넌트
Badge
상태 라벨, 태그 또는 메타데이터를 인라인으로 표시
배지는 상태, 카테고리 또는 메타데이터를 강조하는 데 사용되는 작은 라벨입니다.
변형
기본보조성공경고오류정보아웃라인
<Badge>기본</Badge>
<Badge variant="secondary">보조</Badge>
<Badge variant="success">성공</Badge>
<Badge variant="warning">경고</Badge>
<Badge variant="error">오류</Badge>
<Badge variant="info">정보</Badge>
<Badge variant="outline">아웃라인</Badge>
인라인 사용
텍스트와 함께 배지를 인라인으로 사용: 이 기능은 신규이며 베타 접근이 필요합니다.
이 기능은 <Badge variant="success">신규</Badge>이며 <Badge variant="warning">베타</Badge> 접근이 필요합니다.
Props
variant'default' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'outline'default: 'default'배지의 시각적 스타일
classNamestring추가 CSS 클래스