TxCard · Vue · tecexpress

Presentation card with a title, media, content and actions.

Prop	Type	Default	Meaning
`title`	`string \| undefined`	`undefined`	View title.
`subtitle`	`string \| undefined`	`undefined`	Additional subtitle.
`imageUrl`	`string \| undefined`	`undefined`	Card image URL.
`imageAlt`	`string \| undefined`	``	Image alternative text.
`variant`	`"outlined" \| "elevated" \| "filled" \| undefined`	`outlined`	Card appearance variant.
`loading`	`boolean \| undefined`	`false`	Shows the loading state.

Slots

Slot	Arguments
default	()
header	()
media	()
actions	()
footer	()

vue

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

</script>

<template>
  <TxCard title="Project" subtitle="Active">Hello<template #footer>Updated today</template></TxCard>
</template>

TxCard.