Overflow menu

오버플로우 메뉴는 사용자에게 추가 옵션이 있지만 공간이 제한될 때 사용하는 컴포넌트예요. 공간 제약 때문에 한 번에 모두 표시할 수 없는 추가 옵션을 숨긴 메뉴로 제공합니다.

출처: Overflow menu

본문

오버플로우 메뉴는 사용자에게 추가 옵션이 있고 공간 제약이 있을 때 사용돼요.

오버플로우 메뉴 안의 텍스트는 사용자가 액션을 빠르게 결정할 수 있도록 직접적이어야 해요. 사용자 데이터에 중대한 변화를 일으킬 수 있는 액션(앱 삭제, 서비스 삭제 등)은 구분선으로 분리되며 기본 액션 세트 아래에 위치합니다.

오버플로우 메뉴가 UI 안에 나타나는 위치에 따라 탭 팁(tab tip)은 항상 보이도록 왼쪽이나 오른쪽에 나타날 수 있어요.

오버플로우 메뉴는 공간이 제한된 상황에서 추가 옵션을 제공할 때 사용해요. 액션 텍스트를 직접적으로 유지하고, 파괴적 액션은 구분선을 두고 기본 액션 아래에 배치하면 맥락을 명확히 할 수 있습니다.