Components · Display

Status dot

색상 코딩된 원형 점 + 라벨. 가벼운 상태 표시 — 테이블 셀, 리스트 항목.

Preview

정상 동작 대기 중 오류 발생 정보 기본

Usage

<span class="status-dot is-positive">정상 동작</span>
<span class="status-dot is-warning">대기</span>
<span class="status-dot is-negative">오류</span>
<span class="status-dot is-info">정보</span>

Rules

DO

의미 색상 일관성 — positive=성공, warning=대기, negative=오류.

DON'T

색만으로 의미 전달 금지 — 항상 라벨 텍스트 동반 (접근성).