Acordion

GUIDE

Acordion은 한 페이지에 여러가지의 정보들을 보여줄 때 펼치기/숨기기 기능을 통해 필요한 정보에만 집중할 수 있도록 도와줍니다.


ANATOMY

    • 펼치기/숨기기에 따라 버튼 아이콘이 달라집니다.

    • toggle+subtitle이 인터렉션이 발생하는 영역입니다.

    • title과 subtitle은 되도록 항시 보여지며, 사용자들이 핵심 답변을 빠르게 이해할 수 있도록 돕습니다.

    • title은 인터렉션에 따라 색상이 변합니다.


STATES

Acordion의 상태별 정의는 다음과 같습니다.

  • toggle+subtitle이 클릭 영역 입니다.

Previous
Previous

Input Field

Next
Next

Tabs