TxGallery · Vue · tecexpress

Browsable gallery with optional autoplay; it is not a media player.

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.
`selectedIndex`	`number \| undefined`	`undefined`	Zero-based active entry.
`loop`	`boolean \| undefined`	`false`	Allows wrapping from the last gallery entry to the first.
`slideshowDelay`	`number \| undefined`	`0`	Automatic navigation interval; 0 disables it.
`showIndicator`	`boolean \| undefined`	`true`	Shows gallery indicators.
`height`	`number \| undefined`	`240`	Height; Vue numbers use pixels, Flutter uses logical pixels.

Events

Event	Payload / behavior
update:selectedIndex	New selectedIndex value; accept using v-model:selectedIndex (modelValue: v-model).

Slots

Slot	Arguments
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.