Primary-detail
Primary-detail
Primary-detail은 항목 목록과 선택된 항목의 해당 세부 정보를 함께 보여주는 화면 레이아웃이에요. 큰 목록 안의 각 항목을 하나씩 살펴보고 수정하면서도, 더 큰 목록의 맥락을 잃지 않게 해주는 패턴이에요.
출처: 문서
본문
데모 (Demos)
Primary-detail 전체 페이지 (Primary-detail full page)
TS
Primary-detail 콘텐츠 패딩 (Primary-detail content padding)
TS
Primary-detail 카드 뷰 (Primary-detail card view)
TS
카드 안의 Primary-detail 단순 목록 (Primary-detail simple list in card)
TS
카드 안의 Primary-detail 데이터 목록 (Primary-detail data list in card)
TS
Primary-detail 인라인 modifier (Primary-detail inline modifier)
TS
이 페이지에는 위에서 확인한 대로 두 개의 창(목록과 세부 정보)으로 구성된 primary-detail 레이아웃의 다양한 구현 데모가 들어 있어요.