공통 UI 컴포넌트 리스트
※ 디자인 바뀐게 많아서 캡쳐말고 피그마 확인해 주세요
1. TEXT 광고 및 문구(퍼플 박스) - AdBox
type으로 전체 컴포넌트에 이벤트 주는지 안주는지
아이콘 옵션
광고 목적(페이지 이동)
- 메인화면
: 전체 컴포넌트에 이벤트 주는 type
서비스에 대해 알려주는 목적
- 페이지 이동 없음(전체 컴포넌트에 이벤트 없는 type)
- 가계부 선택 화면, 주식 화면
2. 리스트 아이템 또는 계좌 상태 보여주는 컴포넌트 - InfoElement
2-1. 아이콘 + 일반설명글씨 + 중간 강조글씨 + 가장 오른쪽 컴포넌트 옵션
오른쪽 컴포넌트는 prop으로 받는다.
경우) 버튼, 텍스트 이외 컴포넌트
type : 컴포넌트 전체에 클릭 이벤트 주는지 안주는지
예) 전체 클릭 이벤트 type
오른쪽 옵션
- 버튼(페이지 이동)
2. 단순히 보여주는
3. 주가
4. 없음
2-2. 아이콘 + 일반설명글씨 + 작은글씨 + 오른쪽정렬
3. 구분선 있는 OR 없는 BOX - FlexBox
구분선 아래 컴포넌트
이것도 컴포넌트 전체 이동 이벤트 넣을껀지 말껄지 TYPE
전체 이동 이벤트 TYPE은 가계부에만 있으면 될듯
4. 비밀번호 입력 BOX - PayPasswordBox
5. 안내문구 - GuideText