OK

• ✓トリガーは btn か icon-btn（三点アイコン等）。icon-btn なら aria-label に対象を含める（例: 『プロジェクト A』のメニュー）。
• ✓項目は button + role="menuitem"。選ぶと操作を実行してメニューを閉じ、フォーカスをトリガーに戻す。
• ✓削除など取り消せない操作は .action-menu-item-danger にし、divider で他の操作と分けて末尾に置く。
• ✓トリガーが画面の右寄り（card-action・表の行末など）なら .action-menu-end で右端に揃える。
• ✓今は実行できない操作は消さずに aria-disabled="true" で残す（何ができるかを伝えるため）。全項目が無効ならトリガー自体を disabled にする。
• ✓左アイコンは任意。付けるならメニュー内で有無を揃える（テキストの頭が揃わなくなるため）。

NG

• ✕ページ遷移のリンクを並べない → 移動は menu（nav）やリンク。action-menu は「その場の操作」専用。
• ✕値の選択（並び替え・絞り込みの選択肢）に使わない → select / selector / tab / filter-chip。 表の列の値で行を絞り込むなら data-table の列フィルター（data-table-filter）、表の並べ替えは見出しの data-table-sort。
• ✕項目に入力欄やチェックボックスを入れない → 入力を伴うなら modal やフォームにする。
• ✕操作が 1〜2 個しかないのにメニューに畳まない → btn を直接並べる方が速い。
• ✕hover で開かない → クリック（タップ）・キーボードで開く。
• ✕一部の項目だけにアイコンを付けない → 全項目に付けるか全項目で外す。混在するとラベルの 開始位置がずれて視線が乱れる。

対象に対する操作を並べ、取り消せない操作は danger にして区切り線の下・末尾に置く。

ページ移動はリンク（menu のナビ）、並び替えなど値の選択は select / tab に分ける。メニューに畳むと現在の状態が見えなくなる。