下拉選單處理「次要動作」與「列/卡動作」,但常被拿來藏 primary CTA,危險項也常和一般項混在一起。這章把觸發定位、選單項型態、overflow(⋯)與 primary 動作的分工講清楚。當你要做 ⋯ 選單、右鍵 context menu 或一排動作時,就翻這頁對一下。
這是什麼
Button 觸發的下拉選單;面板 z-index 1000、預設下方對齊;Esc 關閉。
什麼時候用
工作區動作、批次操作等 3–8 項次要選項;危險項置底。
aria-expanded、aria-haspopup="menu"。這是什麼
右鍵開啟的 context menu,針對列或卡片。
什麼時候用
表格列、看板卡、可編輯區塊的快捷操作;示範以按鈕模擬右鍵。
這是什麼
⋯ overflow 選單:icon-only 觸發的次要動作集合。
什麼時候用
表格列、卡片標題列空間有限時;觸發按鈕需 aria-label。