第 2 類
導覽元件
導覽引導使用者在頁面間移動的互動元件
頂部導覽列
Topbar
固定在頁面頂部,提供全域操作、搜尋與使用者入口
側邊欄
Sidebar
左側垂直導覽,依業務優先序分組,active 項目有強調色
當前位置:
首頁›設定›使用者管理
麵包屑導航
Breadcrumb
顯示當前頁面在層級中的完整路徑,支援快速跳轉
Tab 1 的內容顯示於此
切換 Tab 不重新整理頁面
分頁標籤
Tabs
在同一頁面切換不同視圖,通常搭配計數徽章
填寫資料
2
確認內容
3
完成送出
步驟 1 已完成,目前在步驟 2
步驟條
Stepper
多步驟流程的進度指示,已完成/當前/待完成有不同樣式
選擇分類
下拉選單
Dropdown Menu
點擊後展開選項清單,支援分隔線與圖示
主頁面內容
篩選條件
狀態:活躍
類型:推廣
時間:本月
側拉抽屜
Drawer
從側邊滑入的面板,不完全遮擋頁面,常用於篩選
1
2
3
4
…
12
共 238 筆,第 21–40 筆
分頁器
Pagination
大量資料的頁碼控制,通常由伺服器端分頁提供
DA2× Web Dev Glossary