이서

컴포넌트 상태

로딩, 비어 있음, 오류, 알림, 다이얼로그 등 주요 UI 상태를 한곳에서 확인합니다.

컴포넌트 Variant 매트릭스

Default / Secondary / Destructive / Disabled

token/primaryvariant/infovariant/warningvariant/danger

상태 Badge Variants

Success / Warning / Danger / Neutral

동의 완료담당자 확인동의 만료자료 미비

로딩 상태

Loading / Skeleton

비어 있음

Empty state

등록된 항목이 없습니다

첫 항목을 추가해 시작하세요.

오류 상태

Error state

데이터를 불러오지 못했습니다

일시적인 오류가 발생했습니다. 잠시 후 다시 시도해 주세요.

검색 결과 없음

No results

검색 결과가 없습니다

다른 검색어로 다시 시도해 주세요.

인라인 알림

Alerts / Feedback

저장되었습니다

변경 사항이 정상적으로 저장되었습니다.

검토가 필요합니다

동의 항목 일부가 만료 예정입니다.

처리 실패

네트워크 오류로 요청을 완료하지 못했습니다.

지연 로딩 → 완료

Async transition

확인 다이얼로그

Modal / Confirmation

비활성 / 읽기 전용

Disabled / Read-only

aria-invalid 상태와 오류 문구가 함께 표시됩니다.

테이블 Density Variants

Comfort / Dense / Pinned

Comfort row기본 검토 화면
Dense row18개 공급사 숫자 스캔
Pinned supplier tray고정

CRM Modal Tab Variants

Overview / Ledger / History / LLM / Next

개요동의 원장상담 이력비교 히스토리LLM 요약Next action

LLM Approval Gate

Guardrail / Review / Audit

Guardrail담당자 검토감사 로그

생성 결과는 검토 보조용이며 고객 안내 전 담당자 확인이 필요합니다.