Foundation

Buttons

Control

Display

Feedback

Layout

Navigation

Drive List

하이웍스 앱에서 드라이브 페이지의 리스트형 컴포넌트입니다.

컴포넌트 명세 (Component Specification)

사이즈 가이드 (Size Guide )

드라이브 리스트의 너비는 Fill로 채워져서 사용되고, 높이는 내부 콘텐츠에 88px 사이즈로로 사용됩니다.

구조 (Structure)

게시판 리스트에서는 크게 Head영역과 Meta 영역으로 나뉘어서 구성되어 있습니다. 용도에 따라서 Property를 조정하여 사용합니다.

사용 예시 (Use Case)

실제 서비스 화면에서 Board List가 배치되고 활용되는 패턴입니다.

드라이브 리스트 (Drive List)

위 아래 0px로 완전히 붙어서 사용됩니다.
아래에는 Full-width divider가 0px 간격으로 배치됩니다.

기본형 게시판 리스트 (Default Board List)

기본적으로 사용되는 게시판 리스트입니다.

아이콘 변경 (Swap Icon)

업로드한 파일의 확장자에 맞게 icon을 교체하여 사용해야 합니다.

업로드 (Upload)

업로드 시에는 취소 버튼을 퉁해, 동작은 취소할 수 있으며 업로드 상태임을
알리는 아이콘이 추가 됩니다.

마스터 컴포넌트 (Master Component)

Master Component입니다. 컴포넌트를 복사해 원하는 위치에서 Instance로 사용합니다.