Bottom Navigation Usage

모바일 웹/앱 환경에서 사용자가 머물고 있는 상위 메뉴의 위치를 파악하도록 돕습니다.

Layout

앱 화면의 최하단 섹션인 safe area 바로 위에 배치됩니다. 배치 위치는 변경될 수 없습니다.

Bottom Navigation Layout Placement

스크롤 도중에도 bottom navigation은 가려지거나 사라지지 않아야합니다.

Bottom Navigation Behaviors Scroll

✓DoRecommended

Text label은 네비게이션 항목 개수에 맞춰 간결하게 작성합니다.

✕Don'tRequired

Text label에 생략 부호를 사용하거나 두 줄로 표시하지 않습니다.

✓DoRequired

6개 이상의 네비게이션 항목을 배치하는 경우 전체보기 메뉴를 활용합니다.

✕Don'tRequired

네비게이션 항목은 최대 5개를 초과하지 않습니다.