공통 UI Foundation
Buyer, Seller와 Admin이 함께 사용할 토큰, 레이아웃, 입력 패턴과 상태 UI를 한곳에서 확인해요.
기반 진행 단계
현재 공통 컴포넌트 단계까지 구현했고 검사를 준비하고 있어요.
- 구조공통 레이아웃을 정리해요.완료
- 테마토큰과 글꼴을 적용해요.완료
- 컴포넌트공통 상태를 검증해요.완료
- 검사자동 검사와 브라우저를 확인해요.현재 단계
상태 Badge
사용 가능검토 중주의 필요오류안내기본
Loading 상태
진행 상황을 텍스트와 아이콘으로 함께 알려요.
공통 데이터를 불러오고 있어요.
공통 컴포넌트 목록
검색과 필터, 반응형 overflow와 상태 Badge를 함께 확인해요.
| 컴포넌트 | 유형 | 상태 | 지원 범위 |
|---|---|---|---|
| App Shell | Layout | 사용 가능 | 모바일 · 태블릿 · 데스크톱 |
| Theme Controls | Theme | 사용 가능 | 라이트 · 다크 · 시스템 |
| Data Table Container | Data | 검토 중 | 검색 · 필터 · 페이지 이동 |
| File Upload Area | Form | 주의 필요 | 형식 · 용량 검증 |
| Error State | State | 복구 제공 | 원인 · 해결 방법 |
Empty와 Error 상태
빈 결과와 오류의 원인, 다음 행동을 분명하게 안내해요.
저장한 보기가 없어요
자주 쓰는 검색 조건을 저장하면 여기에서 빠르게 다시 사용할 수 있어요.
설정을 불러오지 못했어요
네트워크 연결이 끊겨 설정을 가져오지 못했어요. 연결을 확인한 뒤 다시 불러와 주세요.