TxContextMenu · Vue · tecexpress

Context actions opened by right-clicking or long-pressing the target.

Prop	Type	Default	Meaning
`items`	`TxEntry[] \| undefined`	`[]`	Entries; replaced by dataSource when bound.
`dataSource`	`TxSource<TxEntry> \| undefined`	`undefined`	List, configuration or DataSource instance; takes precedence over items.
`disabled`	`boolean \| undefined`	`false`	Disables interaction.
`label`	`string \| undefined`	`undefined`	Label or accessible name.
`visible`	`boolean \| undefined`	`false`	Controls visibility.

Events

Event	Payload / behavior
update:visible	New visible value; accept using v-model:visible (modelValue: v-model).
itemClick	{ itemData }

Slots

Slot	Arguments
default	()

vue

<script setup lang="ts">
import { ref } from 'vue'
import { TxContextMenu } from '@tekocloud.de/tecexpress'
import '@tekocloud.de/tecexpress/themes/index.css'
const saved = ref(false)
</script>

<template>
  <TxContextMenu :items="[{ text: 'Copy' }]" @item-click="saved = true">Right click here</TxContextMenu>
</template>

TxContextMenu.