skills.rest
marrabld
marrabldCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

context-menu

Define and render typed context menus in Wave Terminal.

Updated Aug 27, 2026
Search Tags:#typescript#ui#submenu#checkbox#right-click#context-menu#wave-terminal
One-click install
npx skills add https://github.com/marrabld/waveterm --skill context-menu-marrabld
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: context-menu
Source: https://github.com/marrabld/waveterm/tree/main/.kilocode/skills/context-menu
Command: npx skills add https://github.com/marrabld/waveterm --skill context-menu-marrabld

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Context menus enable quick, contextual actions in Wave Terminal by surfacing relevant options at the point of user interaction.

Core Features & Use Cases

  • Define the ContextMenuItem type with fields like label, type (separator, normal, submenu, checkbox, radio), role, click, submenu, checked, visible, enabled, sublabel.
  • Display the context menu by invoking ContextMenuModel.getInstance().showContextMenu(menu, event) with a menu array and the triggering event.
  • Provide practical examples including a simple menu with actions, a submenu structure, and checkboxes for toggles to demonstrate nested and conditional items.

Quick Start

Create a context menu with items and a submenu, then display it using ContextMenuModel.getInstance().showContextMenu(menu, event).

Frequently Asked Questions about context-menu

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a right-click context menu in Wave Terminal?▼

To create a right-click context menu in Wave Terminal, define a typed menu array and invoke ContextMenuModel.getInstance().showContextMenu(menu, event) to render it at the interaction point.

Can I add nested submenus and checkboxes to a Wave Terminal context menu?▼

Yes, context menus support nested submenus and checkboxes by setting the type field to submenu or checkbox within the ContextMenuItem type definition and providing the corresponding nested array or checked state.

What is the ContextMenuItem type used for defining UI menus?▼

The ContextMenuItem type defines menu elements like normal actions, separators, submenus, and checkboxes, specifying properties such as label, click, submenu, checked, visible, and enabled for rendering right-click interactions.

How do I display a context menu using TypeScript when a user right-clicks?▼

You display a context menu in TypeScript by passing a configured menu array and the triggering event to ContextMenuModel.getInstance().showContextMenu(menu, event) during the right-click interaction.

Does the Wave Terminal context menu support separators and radio buttons?▼

Yes, the context menu model supports separators and radio buttons by assigning the appropriate type value within the ContextMenuItem configuration to divide options or enforce single-choice toggles across the UI.

Related Skills

Explore More Software Engineering Skills→
syncfusionsyncfusion

syncfusion-aspnetcore-context-menu

Bind menu data to Syncfusion ContextMenu TagHelper in ASP.NET Core applications.

Official
Intermediate
petbrainspetbrains
13

frontend-rive

Orchestrate Rive state machine animations in React with useStateMachineInput.

Official
Intermediate
lihonghuacgklihonghuacgk

context-menu

Define and render context menus with nested submenus and checkable items in Wave Terminal.

Community
Intermediate
MichaelCrowe11MichaelCrowe11
1

context-menu

Creates and displays customizable right-click menus with roles, submenus, and toggle options.

Community
Basic