TxGallery · Vue · tecexpress

Durchblätterbare Galerie mit optionaler automatischer Wiedergabe; kein Medienplayer.

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.
`selectedIndex`	`number \| undefined`	`undefined`	Nullbasierter aktiver Eintrag.
`loop`	`boolean \| undefined`	`false`	Erlaubt Umlauf vom letzten zum ersten Galerieeintrag.
`slideshowDelay`	`number \| undefined`	`0`	Intervall der automatischen Navigation; 0 schaltet sie aus.
`showIndicator`	`boolean \| undefined`	`true`	Zeigt Galerieindikatoren.
`height`	`number \| undefined`	`240`	Höhe; Vue-Zahlen in Pixeln, Flutter in logischen Pixeln.

Ereignisse

Event	Payload / Verhalten
update:selectedIndex	Neuer Wert von selectedIndex; über v-model:selectedIndex übernehmen (modelValue: v-model).

Slots

Slot	Argumente
item	{ item, index }

vue

<script setup lang="ts">
import { TxGallery } from '@tekocloud.de/tecexpress'
import '@tekocloud.de/tecexpress/themes/index.css'

</script>

<template>
  <TxGallery :items="['One', 'Two']"><template #item="{ item }">{{ item }}</template></TxGallery>
</template>

TxGallery.