Calendar Strip
날짜를 한 줄로 나열해 간단하게 확인하거나 선택할 수 있는 캘린더 컴포넌트입니다.
짧은 기간의 날짜를 빠르게 탐색하거나 특정 날짜를 선택할 때 사용합니다.
컴포넌트 명세 (Component Specification)
사이즈 가이드 (Size Guide )
해당 날짜의 선택 여부, 상태에 따라 Default, Active, Inactive 상태로 구분됩니다.
분류 (Variant)
Canlendar Strip의 다양한 분류 기준입니다.
기본 (Default)
기본 상태의 Canlendar Strip입니다. Horizontal 형태로 구성되어있으며, [Schedule Calendar (일정관리 캘린더)]와 동일한 컴포넌트가 사용됩니다.
신청 내역 (Canlendar Strip_History)
사용자가 휴가 신청 내역을 확인할 때 도움을 주는 형태입니다. Inactive, Active 상태에 따라 휴가의 사용 여부를 직관적으로 파악하도록 돕습니다.
휴가 취소 (Canlendar Strip_Cancel)
사용자가 직접 취소 가능한 휴가 및 연차를 확인하고 탭하여 선택할 수 있도록 돕는 컴포넌트입니다.
사용 예시 (Use Case)
실제 서비스 화면에서 Canlendar Strip이 배치되고 활용되는 패턴입니다.
횡 스크롤 (Horizontal Scroll)
Canlendar Strip 컴포넌트 전체는 영역을 좌우로 스와이프하여 캘린더를
넘기지 않고도 연속적으로 탐색할 수 있습니다.
휴가 신청 내역 캘린더 (History)
특정 현황 화면에 배치되어, 사용자의 신청 내역과 지금까지의 상태 정보를 날짜별로 시각화하여 보여줍니다.
휴가 취소 캘린더 (Cancel)
목록이나 취소 화면 상단에 배치되며, 스트립에서 액션이 가능한 날짜 영역을
직접 탭하여 현재 신청한 휴가 및 일정을 확인할 수 있습니다.
마스터 컴포넌트 (Master Component)
Master Component입니다. 컴포넌트를 복사해 원하는 위치에서 Instance로 사용합니다.
