Class ContextMenu

ContextMenu component from the @sisense/sdk-ui-vue package. This component provides a context menu that can be customized with different items and sections. It allows for flexible positioning and can be easily integrated into Vue applications.

Example

Here's how to use the ContextMenu component:

<template>
  <ContextMenu :closeContextMenu="closeMenu" :itemSections="sections" :position="menuPosition">
  </ContextMenu>
</template>

<script>
import { ref } from 'vue';
import ContextMenu from './ContextMenu.vue';

export default {
  components: { ContextMenu },
  setup() {
    const sections = ref([...]);
    const menuPosition = ref({ top: 0, left: 0 });
    const closeMenu = () => {};
   }
};
</script>

Properties

closeContextMenu

readonly closeContextMenu: () => void

Function to close the context menu. It should be a function that sets the visibility of the context menu to false.

Returns

void

itemSections

readonly itemSections?: MenuItemSection[]

An array of sections, each containing an array of items to be rendered in the context menu. Each item can be a string or an object specifying the item's properties.

position

readonly position?: MenuPosition | null

An object specifying the position of the context menu. It should contain top and left properties to position the menu on the screen.