t×tecexpressby TeKOcloud
DEv0.7.1
Navigation & feedback / VUE

TxMenu.

Interactive preview

Flat list of menu actions; use ContextMenu for nested actions.

PropTypeDefaultMeaning
dataSourceTxSource<string | Item> | undefinedundefinedList, configuration or DataSource instance; takes precedence over items.
items(string | Item)[] | undefined[]Entries; replaced by dataSource when bound.
disabledboolean | undefinedfalseDisables interaction.
labelstring | undefinedMenüLabel or accessible name.

Events

EventPayload / behavior
itemClick{ itemData, itemIndex, event }
vue
<script setup lang="ts">
import { ref } from 'vue'
import { TxMenu } from '@tekocloud.de/tecexpress'
import '@tekocloud.de/tecexpress/themes/index.css'
const saved = ref(false)
</script>

<template>
  <TxMenu :items="[{ text: 'Home' }]" @item-click="saved = true" />
</template>