navigation pattern

hệ thống điều hướng: top nav, sidebar, breadcrumbs, tabs, pagination. mỗi loại có use case và implementation riêng.

top navigation

horizontal bar ở đầu trang. chứa logo, primary links, search, user menu. fixed/sticky với z-sticky.

logo (trái)nav links (trái/giữa)search + actions (phải)user avatar dropdown

vertical menu bên trái. dùng cho app có nhiều section. collapse được trên mobile.

section groups với labelactive state indicatoricon + text cho mỗi itemcollapsible sub-items nếu cần

chuỗi link thể hiện vị trí trong hierarchy. separator dùng chevron.

home / section / pagelink cuối là current (không click)responsive: ẩn bớt level nếu không đủ chỗ

chuyển đổi giữa các view ngang hàng. underline indicator cho active tab.

horizontal tabs (dưới header)vertical tabs (sidebar) cho nhiều mụcactive tab có underline hoặc fill