TxButton · Vue · tecexpress

Schaltfläche mit Text, Symbol und Klickaktion.

Prop	Typ	Standard	Bedeutung
`text`	`string \| undefined`	`undefined`	Anzuzeigender Text.
`disabled`	`boolean \| undefined`	`false`	Sperrt die Interaktion.
`type`	`"default" \| "normal" \| "danger" \| "success" \| undefined`	`normal`	Darstellungs-/Eingabetyp; zulässige Werte siehe Signatur.
`useSubmitBehavior`	`boolean \| undefined`	`false`	Verwendet einen nativen Submit-Button.

Ereignisse

Event	Payload / Verhalten
click	Klickereignis mit MouseEvent.

Slots

Slot	Argumente
default	()

vue

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

<template>
  <TxButton :text="saved ? 'Saved ✓' : 'Save'" @click="saved = true" />
</template>

TxButton.