Gut zu wissen:

Speichere den kopierten Code als .vue-Datei. Dein Projekt benötigt Vue 3, vue-daisyui-components und Tailwind CSS mit daisyUI. Binde vue-daisyui-components/styles.css global ein.

Dies ist kein offizielles daisyUI-Produkt, sondern eine von Martz.digital (alias Jonathan Martz) entwickelte Bibliothek.

Komponenten-Showcase

DaisyStat

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.

DaisyStat – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`desc`	`string`
		`descColor`
		`descSize`
		`orientation`
		`shadow`	`boolean`
		`title`	`string`
		`titleColor`
		`titleSize`
		`value`	`string \| number`
		`valueColor`
		`valueSize`

Live-Vorschau

Seitenaufrufe

12.400

Beispielwert für diesen Monat

Für dein Projekt

DaisyStat – Vollständiger Vue-Code

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

<template>
  <DaisyStat title="Seitenaufrufe" value="12.400" desc="Beispielwert für diesen Monat" value-color="primary" shadow />
</template>