25 / 47

Dropdown Menu

버튼을 누르면 아래로 펼쳐지는 메뉴입니다. 계정 메뉴나 '더 보기' 버튼처럼 여러 동작을 숨겨 둘 때 씁니다.

Basic

버튼을 누르면 아래로 펼쳐지는 기본 메뉴입니다. 제목·구분선·비활성 항목이 들어 있습니다.

항목에 마우스를 올리면 옆으로 한 단계 더 펼쳐지는 하위 메뉴입니다.

항목 오른쪽에 단축키를 흐리게 표시합니다. 자주 쓰는 기능을 키보드로 익히게 합니다.

항목 왼쪽에 아이콘을 붙여 한눈에 구분되게 합니다.

여러 개를 동시에 켜고 끄는 체크 항목입니다. 화면 표시 옵션 같은 설정에 씁니다.

체크 항목에 아이콘까지 붙인 형태입니다.

여러 항목 중 하나만 고르는 라디오 항목입니다. 고른 것에 표시가 옮겨 갑니다.

라디오 항목에 아이콘을 붙인 형태입니다. 결제 수단 선택처럼 씁니다.

삭제처럼 되돌리기 어려운 동작을 빨간색으로 구분해 실수를 막습니다.

프로필 사진을 누르면 계정 메뉴가 뜨는, 화면 오른쪽 위에 흔히 있는 형태입니다.

그룹·아이콘·단축키·체크·라디오·하위 메뉴를 한 메뉴에 모두 넣은 종합 예시입니다.

아랍어처럼 오른쪽에서 왼쪽으로 읽는 언어용 배치입니다. 아이콘과 단축키 위치가 뒤집힙니다.

아이콘·단축키·체크 표시 위치가 오른쪽에서 왼쪽으로 뒤집힙니다.