NEXDATAFORGE / VISUAL FOUNDATION

Navigation Board

Component v1.0Production Preview: AvailableB5 · Interaction FoundationUpdated 2026-08-05

Principle

Navigation은 메뉴의 모음이 아니라 현재 위치와 다음 경로를 이해시키는 장치다. Production Tabs는 선택 상태와 panel 관계를 semantic structure로 제공한다.

Project purpose, current state, and next action.

←제안 목록⋯

1 요청2 조건3 확인4 완료

현재 위치가 명확하고 뒤로 가기를 예측할 수 있는 Navigation

⌂홈▣받은 요청◌예약◎MY

현재 모드고객

Bottom NavigationTop App BarProduction TabsSegmentRole Switcher

--ndf-nav-height
--ndf-control-touch-target
--ndf-focus-ring

Tabs · Bottom Navigation · Top App Bar · Step Navigation

Good

의미와 상태를 분명히 하고, 실제 행동과 연결합니다.

Avoid

장식만을 위해 강조하거나 색·크기만으로 상태를 전달하지 않습니다.

Keyboard focus, 충분한 대비, semantic HTML, 명확한 label, 44px 터치 영역과 320px 화면을 확인합니다.

Bidme preview is next.