TxActionSheet · Vue · tecexpress

Aktionsauswahl am unteren Bildschirmrand mit Abbrechen-Aktion.

Prop	Typ	Standard	Bedeutung
`items`	`TxEntry[] \| undefined`	`[]`	Einträge; bei Datenbindung durch dataSource ersetzt.
`dataSource`	`TxSource<TxEntry> \| undefined`	`undefined`	Liste, Konfiguration oder DataSource-Instanz; hat Vorrang vor items.
`disabled`	`boolean \| undefined`	`false`	Sperrt die Interaktion.
`label`	`string \| undefined`	`undefined`	Beschriftung beziehungsweise zugänglicher Name.
`visible`	`boolean \| undefined`	`false`	Steuert die Sichtbarkeit.
`title`	`string \| undefined`	`undefined`	Titel der Ansicht.
`cancelText`	`string \| undefined`	`Abbrechen`	Beschriftung der Abbrechen-Aktion.

Ereignisse

Event	Payload / Verhalten
update:visible	Neuer Wert von visible; über v-model:visible übernehmen (modelValue: v-model).
itemClick	{ itemData }

Slots

Slot	Argumente
item	{ item }

vue

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

<template>
  <TxButton text="Actions" @click="visible = true" />
  <TxActionSheet v-model:visible="visible" :items="[{ text: 'Copy' }]" />
</template>

TxActionSheet.