배지 (Badge)

다양한 스타일과 크기의 배지 컴포넌트입니다. 상태 표시, 카테고리 라벨링, 태그 등에 사용할 수 있습니다.

기본 배지

기본외곽선삭제

색상 배리언트

정보성공경고오류파랑초록노랑빨강보라분홍주황청록시안남색

크기

작게기본중간크게

모서리 둥글기

없음중간크게알약형

점 표시(다크모드에서는 잘 안보임)

기본온라인자리비움오프라인커스텀 점 색상

아이콘 배지

완료정보주의오류취소됨

제거 가능 배지

제거 가능클릭해서 제거태그

응용 예시

주문 상태:배송 완료
카테고리:
기술디자인마케팅
알림:99+
태그:
ReactNext.jsTailwind