펼치거나 접을 수 있는 블록을 통해 긴 정보를 제공하는 구성요소입니다.
Usage
중요도가 떨어지는 정보를 숨겨서 표시할 때 사용합니다.
•
우선순위가 낮아 항상 노출할 필요가 없는 정보에 사용합니다.
•
연관 데이터가 많을 경우, 핵심 데이터만 표시하고 나머지를 숨겨 표시할 때 사용합니다.
•
카드형 컨테이너에 사용합니다.
Anatomy
1.
접힘 상태에서는 펼침 컨트롤을 의미하는 아이콘 버튼을 표시합니다.
2.
펼침 상태에서는 접힘 컨트롤을 의미하는 아이콘 버튼을 표시합니다.
Guidelines
•
접힘-펼침 컨트롤은 사용자가 바로 인지할 수 있는 모양의 버튼으로 표시하여 사용합니다.
Accessibility
•
스크린 리더 사용자에게 해당 속성을 알릴 수 있도록 접힘-펼침 컨트롤 버튼에는 aria-control, aria-expanded 속성을 사용합니다.
