UI Guide Dashboard
기본 배지 (Default Badges)
.badge 및 .bg-* 클래스를 사용하여 배지를 만듭니다.
알약 형태 배지 (Pill Badges)
.rounded-full 클래스를 사용하여 배지를 더 둥글게 만듭니다.
아웃라인 배지 (Outline Badges)
.border-* 를 사용하여 테두리가 있는 배지를 빠르게 생성합니다.
아웃라인 알약 형태 배지 (Outline Pill Badges)
배제를 더 둥글게 만들려면 .rounded-full 수정자 클래스를 사용하세요.
밝은 색상 배지 (Light Color Badges)
배경 투명도 .bg-*/15 클래스를 사용하여 밝은 색상의 배지를 만듭니다.
밝은 색상 알약 형태 배지 (Light Color Pill Badges)
배지를 밝게 만들려면 배경 투명도 .bg-*/15 수정자 클래스를 사용하세요.
라벨 배지 (Label Badges)
.badge-label 을 사용하여 사각형 기반의 배지를 빠르게 생성합니다.
사각형 배지 (Square Badges)
.size-* 를 사용하여 사각형 기반의 배지를 빠르게 생성합니다.
원형 배지 (Rounded Badges)
.rounded-full 을 사용하여 원형 기반의 배지를 빠르게 생성합니다.
위치 지정 배지 (Position Badges)
유틸리티를 사용하여 .badge 를 수정하고 링크나 버튼의 모서리에 배치합니다.