Appearance
Mobile
@jennifersoft/apm-components@1.4.7의 모바일 전용 UI를 정리합니다. 모바일 컴포넌트는 화면 요소와 상호작용을 제공하며, 라우팅·실제 APM 데이터·제품별 번역은 사용하는 앱이 전달합니다.
컴포넌트
| 영역 | 컴포넌트 | 문서 |
|---|---|---|
| 내비게이션 | MobileNavigationBar, MobileNavigationSheet | Mobile Navigation |
| 바텀시트 | MobileBottomSheet | Mobile Bottom Sheet |
| 분석 도구 | MobileSubToolbar, MobileToolbarChip | Mobile Analytics Controls |
| 피드백 | MobileEmptyState, MobileToast | Mobile Feedback |
| 트랜잭션 | MobileTransactionCard, MobileElapsedStackBar | Mobile APM Transactions |
| 콜 트리 | MobileTree, MobileCallTree, MobileCallChain | Mobile Call Tree |
데모 데이터
apm-components 데모는 고정 fixture와 MSW 응답을 사용합니다. 따라서 데모에서 보는 트랜잭션과 콜 트리는 제품 서버에서 가져온 실데이터가 아닙니다. 앱은 API 응답을 컴포넌트 모델로 변환하고, 날짜·단위·라벨을 제품 설정에 맞게 전달해야 합니다.
함께 보기
- 데스크톱 NavigationBar
- APM Call Tree
- Global Chat — 공통 채팅 화면이며 모바일 폭에서도 사용할 수 있습니다.