コンテキストメニュー

項目、サブメニュー、区切り線、キーボードショートカット表示を備えた右クリックコンテキストメニュー。 右クリック(contextmenuイベント)でトリガーされるネイティブ感覚のコンテキストメニュー体験を提供し、 カーソル位置に表示されます。完全なキーボードナビゲーション、サブメニュー、チェック可能な項目、 破壊的アクションのスタイリングに対応。ビューポート内に収まるよう自動的に位置を調整します。

プレビュー & コード

オプション

名前 デフォルト 説明
items * Array 必須 Array of item hashes. Regular: { label:, icon:, shortcut:, action:, destructive: }. Divider: { divider: true }. Submenu: { label:, icon:, children: [] }. Checkable: { label:, checked:, action:, checkable: true }.
trigger_selector String "parent" CSS selector or "parent" for the right-click trigger area. When "parent", wraps trigger in a div.

変更履歴 v1.0.0

- v1.0.0: Initial release with items, submenus, dividers, checkable items, and keyboard navigation

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得