컴포넌트 · 데이터 표시
List
같은 형태의 항목을 세로로 나열합니다. 모바일 거래 내역 · 설정 메뉴 · 가맹점 목록의 기본 단위이며, leading · title · description · trailing 4개 슬롯으로 구성됩니다.
거래 내역 (TransactionRow)
금액은 오른쪽 정렬 · tabular, 입금(+)은 브랜드 텍스트, 출금은 기본 색입니다.
9월 28일 (월)
- 온기카페 성수점14:05 · 삼성카드−12,800원잔액 84,200원
- 포인트 충전11:20 · KB국민 계좌+50,000원잔액 97,000원
- 브루잉랩 판교09:41 · 환불6,500원환불완료
설정 메뉴
Size
sm 48 · md 64 · lg 76
한 줄 메뉴는 sm, 두 줄(제목 + 설명)은 md, 썸네일 · 큰 금액은 lg.
- sm — 한 줄
- md — 두 줄보조 설명12,800원
- lg — 썸네일온기카페 · 영업 중4.8
사용 규칙
이렇게 하세요
- 항목 전체가 하나의 클릭 영역
- 날짜별 그룹은 SectionTitle로 구분
- 금액은 오른쪽, 부가 정보는 그 아래
이렇게 하지 마세요
- 한 행에 버튼 2개 이상
- 데스크톱 대량 데이터에 List (DataTable 사용)
- 구분선과 카드 배경을 동시에 사용