列表頁是後台最常見的頁型:一張 data table 加上搜尋、篩選、分頁。這章把由上而下的必備區塊講清楚,重點是「唯一的 primary 一律放在 page header,toolbar 不放 primary」。當你要排列表頁、決定新增按鈕該放哪、或處理篩選無結果時,就翻這頁對一下。
這是什麼
頁籤切換狀態、頁首主要按鈕、搜尋與篩選工具列、資料表格、底部分頁。
什麼時候用
任何需要瀏覽、篩選、批次管理清單資料的後台頁面。
這是什麼
Paper 預約列表:篩選卡與表格卡分離(gap 8px)、40px 搜尋列、ink focus ring、列 hover 箭頭。結構與 admin-bookings.html 一致。
什麼時候用
filter 元素多於標準 toolbar 一行能容納時;仍保留 page header primary 與底部分頁。
這是什麼
多種列表列樣式:會議列表、成員表格、域名列、批次通話列等。
什麼時候用
展示不同資料密度與欄位組合的列表/表格列時,依情境選對應列元件。
這是什麼
頁面標頭:title、description、icon、右側 actions。
什麼時候用
列表或詳情頁頂部;需標題、說明與主要/次要按鈕並列時。