Notice List
게시판 목록을 확인할 수 있도록, Head·Body·Caption으로 레이어를 나누어 구성한 리스트형 컴포넌트입니다.
컴포넌트 명세 (Component Specification)
분류 (Variant)
중요도에 따라서 Default, Important 상태로 구분되어 사용됩니다.
사이즈 가이드 (Size Guide )
게시판 리스트의 너비는 Fill로 채워져서 사용되고, 높이는 내부 콘텐츠에 따라서 Hug로 사용됩니다. 좌우 여백은 16px로 고정됩니다.
구조 (Structure)
게시판 리스트는 좌측부터 Head·Body·Caption으로 나뉘어서 구성되어 있습니다. 용도에 따라서 Property를 조정하여 사용합니다.
사용 예시 (Use Case)
실제 서비스 화면에서 Notice List가 배치되고 활용되는 패턴입니다.
게시판 리스트 (Board List)
위 아래 0px로 완전히 붙어서 사용됩니다.
기본형 게시판 리스트 (Default Board List)
기본적으로 사용되는 게시판 리스트입니다.
서브 타이틀 게시판 리스트 (Subtitle Board List)
서브 타이틀이 있을 경우 사용되는 게시판 리스트입니다. 메인 타이틀 좌측에서 4px을 띄우고 사용됩니다.
라벨 게시판 리스트 (Label Board List)
라벨이 있을 경우 사용되는 게시판 리스트입니다. 메인 타이틀 좌측에서 4px을 띄우고 사용됩니다.
투표 게시판 리스트 (Vote Board List)
투표가 있을 경우 사용되는 게시판 리스트입니다. 타이틀과 바디 하단에 8px을 띄우고 사용됩니다.
첨부파일 게시판 리스트 (Attached File Board List)
첨부파일이 있을 경우 사용되는 게시판 리스트입니다. 타이틀과 바디 하단에 8px을 띄우고 사용됩니다.
마스터 컴포넌트 (Master Component)
Master Component입니다. 컴포넌트를 복사해 원하는 위치에서 Instance로 사용합니다.
