Anatomy
짧은 문맥 항목들이 같은 중요도로 이어지는 단순 구조이므로 별도 Anatomy indicator는 사용하지 않습니다.
Context item
현재 결과를 해석하는 데 필요한 짧은 사실 하나를 담습니다.
Boundary
상하 rule은 이 strip이 본문 카드가 아니라 문맥 경계임을 보여줍니다.
Usage
목록이나 작업 영역 전체에 적용되는 작은 문맥을 보여줄 때 사용합니다.
item마다 반복되는 정보가 아니라 현재 결과 집합, 필터 범위, 검증 상태처럼 아래 콘텐츠 전체를 해석하는 정보를 배치합니다. 상세한 프로필이나 편집 가능한 context panel로 확장하지 않습니다.
How to use
정보량을 제한하고 아래 콘텐츠보다 조용하게 유지합니다.
Hierarchy
본문 title이나 핵심 decision state보다 강하게 보이지 않게 합니다.
Responsive
items는 flex-wrap으로 다음 줄로 내려가며 순서를 바꾸지 않습니다.
Accessibility
문맥 정보는 텍스트만으로도 독립적으로 이해되어야 합니다.
Reading order
DOM 순서가 시각 순서와 같아야 하며 의미 없는 separator 문자를 남발하지 않습니다.