TxLoadPanel · Vue · tecexpress

Loading overlay controlled by visibility or a DataSource loading state.

Prop	Type	Default	Meaning
`visible`	`boolean \| undefined`	`undefined`	Controls visibility.
`dataSource`	`Pick<TxDataSource<unknown>, "loading" \| "subscribe"> \| undefined`	`undefined`	List, configuration or DataSource instance; takes precedence over items.
`message`	`string \| undefined`	`Wird geladen …`	Notification text.
`delay`	`number \| undefined`	`0`	Delay before showing the loading overlay.
`shading`	`boolean \| undefined`	`true`	Shows a shaded background.
`fullScreen`	`boolean \| undefined`	`false`	Fills the screen.

vue

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

</script>

<template>
  <div style="position: relative; height: 160px"><TxLoadPanel :visible="true" message="Loading" /></div>
</template>

TxLoadPanel.