Komponenten-Showcase

DaisyStatImage

Ein einfaches Nutzungsbeispiel aus vue-daisyui-components – ohne zusätzliche Anwendungslogik.

Props-Referenz

Definitionen aus defineProps der installierten Komponente. Eine aktivierte Checkbox kennzeichnet ein erforderliches Prop. Typnamen verweisen auf die Typen der Bibliothek.

DaisyStatImage – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`src`	`string`
		`alt`	`string`
		`className`	`string`

Live-Vorschau

Team

Mitglieder

Für dein Projekt

DaisyStatImage – Vollständiger Vue-Code

<script setup lang="ts">
import DaisyStat from 'vue-daisyui-components/components/DaisyStat.vue'
import DaisyStatImage from 'vue-daisyui-components/components/DaisyStatImage.vue'
</script>

<template>
  <DaisyStat title="Team" value="12" desc="Mitglieder" shadow>
    <template #figure>
      <DaisyStatImage
          src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%235705ff'/%3E%3Ccircle cx='16' cy='12' r='5' fill='white'/%3E%3Cpath d='M6 28a10 10 0 0 1 20 0' fill='white'/%3E%3C/svg%3E"
          alt="Team-Symbol"
      />
    </template>
  </DaisyStat>
</template>