<dy-contextmenu>

A context menu is a popup menu that appears upon user interaction, such as a right click. It provides a list of options or actions relevant to the current context.

Example

import { ContextMenu } from 'duoyun-ui/elements/contextmenu';

const onClick = (e: MouseEvent) => {
  ContextMenu.open(
    [
      {
        text: 'Add',
      },
      {
        text: 'Edit',
      },
      {
        text: '---',
      },
      {
        text: 'Delete',
        danger: true,
      },
    ],
    { activeElement: e.target },
  );
};

API

DuoyunContextmenuElement

Extends TapContextmenuElement

DuoyunContextmenuElement Static Methods

Method Type
confirm (text: string | TemplateResult, options: ContextMenuOptions & { danger?: boolean; okText?: string | TemplateResult; }) => Promise<unknown>

TapContextmenuElement

Shadow DOM; Extends GemElement

TapContextmenuElement Static Properties

Property Type
instance TapContextmenuElement | undefined

TapContextmenuElement Static Methods

Method Type
open (contextmenu: MenuOrMenuObject, options?: ContextMenuOptions) => Promise<void>
close () => void
Edit this page on GitHubLast updated: