TxLookup · Vue · tecexpress

Searchable single selection backed by a loadable data source.

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.
`modelValue`	`any`	`undefined`	Controlled v-model value.
`placeholder`	`string \| undefined`	`Auswählen …`	Hint for an empty input.
`searchEnabled`	`boolean \| undefined`	`true`	Enables searching.
`acceptCustomValue`	`boolean \| undefined`	`false`	Allows custom entries.
`showSelectionControls`	`boolean \| undefined`	`false`	Shows multiple/select-all controls.
`showClearButton`	`boolean \| undefined`	`true`	Shows the clear action.
`maxDisplayedTags`	`number \| undefined`	`4`	Maximum visible tags before summarizing.
`applyValueMode`	`string \| undefined`	`instantly`	Apply immediately or through confirmation.

Events

Event	Payload / behavior
update:modelValue	New modelValue value; accept using v-model:modelValue (modelValue: v-model).
valueChanged	New value in { value }; editors also include previousValue and event.
customItemCreating	Custom text in { text }; add a custom entry through the application.

Slots

Slot	Arguments
item	{ item }

vue

<script setup lang="ts">
import { ref } from 'vue'
import { TxLookup } from '@tekocloud.de/tecexpress'
import '@tekocloud.de/tecexpress/themes/index.css'
const choice = ref(1)
</script>

<template>
  <TxLookup v-model="choice" :items="[{ value: 1, text: 'One' }]" />
</template>

TxLookup.