Navigation
Navigation
Section titled “Navigation”1thay có hệ thống navigation đầy đủ cho SaaS: sidebar, top bar, breadcrumb. Figma có 20+ nav components.
Nav Side
Section titled “Nav Side”Sidebar navigation chính, dùng trong dashboard. Figma: nav side (256×920), nav side 2nd (secondary sidebar).
Nav Items
Section titled “Nav Items”| Component Set | Variants | Mô tả |
|---|---|---|
| nav item | 3 (default, active, disable) | Item trong sidebar |
| nav item 2nd | 4 (default, active, hover, normal) | Item cấp 2 |
| nav item topic | 4 (default, active, hover, normal) | Item chủ đề |
| nav item group-topic | 7 (default, active, hover, normal, active-pin, hover-collapse, normal-pin) | Nhóm chủ đề |
| nav main item | 3 (default, active, hover) | Item trên top bar |
| nav main item-notification | 3 (default, active, hover) | Item có notification badge |
| nav list main | — | Danh sách nav chính |
| nav list user | — | Khu vực user trong nav |
| nav main brand | — | Logo + brand trong top bar |
Trạng thái
Section titled “Trạng thái”Mỗi nav item có các trạng thái: default, active (đang ở trang đó), hover, disabled. Item active có màu accent làm nền.