Badges
배지 컴포넌트의 모든 변형과 사용 패턴을 확인합니다.
Variants
기본 배지 변형
DefaultSecondaryOutlineDestructive
Tag Color Palette
태그 컬러 팔레트 (20종)
VIPamber-100
신규emerald-100
프리미엄purple-100
테스터blue-100
마케팅pink-100
개발팀cyan-100
디자인팀orange-100
운영teal-100
긴급red-100
보류yellow-100
완료green-100
진행 중sky-100
리뷰violet-100
버그rose-100
기능indigo-100
문서slate-100
배포lime-100
보안fuchsia-100
성능zinc-100
실험stone-100
With Icons
아이콘이 포함된 배지
온라인오프라인신규테스터
Sizes
크기 비교
SmallNormal
Status Badges
상태 표현 패턴
활성비활성대기
Usage Examples
실제 사용 사례
태그 그룹
ReactTypeScriptTailwindNext.js
테이블 셀에서
김철수관리자
이영희편집자
박민수뷰어