Calendar List
날짜와 관련된 일정을 리스트 형태로 확인할 수 있는 컴포넌트입니다.
캘린더 기준으로 일정을 탐색하거나, 날짜별 정보를 순서대로 확인할 때 사용합니다.
컴포넌트 명세 (Component Specification)
분류 (Variant)
용도에 따라서 Calendar List 1,2로 구분되어 사용합니다.
사이즈 가이드 (Size Guide )
게시판 리스트의 너비는 Fill로 채우고, 높이는 각각 56px, 84px로 사용합니다. 좌우 여백은 16px로 고정합니다.
사용 예시 (Use Case)
실제 서비스 화면에서 Calendar List가 배치되고 활용되는 패턴입니다.
캘린더 리스트 1 (Calendar List 1)
캘린더 태그를 구분할 때 사용하는 리스트입니다. 각 태그별 색상을 적용해 정보를 한눈에 쉽게 구분할 수 있도록 도와줍니다.
캘린더 리스트 2 (Calendar List 2)
일 단위로 할 일을 보여주는 캘린더 리스트입니다. 반복 일정의 경우 하단에 sync 아이콘이 표시되어 반복 일정을 구분할 수 있습니다.
마스터 컴포넌트 (Master Component)
Master Component입니다. 컴포넌트를 복사해 원하는 위치에서 Instance로 사용합니다.
