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

DaisyRating

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.

DaisyRating – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`name`	`string`
		`allowClear`	`boolean`
		`className`	`string`
		`disabled`	`boolean`
		`half`	`boolean`
		`label`	`string`
		`max`	`number`
		`modelValue`	`number`
		`size`

Für dein Projekt

DaisyRating – Vollständiger Vue-Code

<script setup lang="ts">
import { ref } from 'vue'
import DaisyRating from 'vue-daisyui-components/components/DaisyRating.vue'

const rating = ref(3)
</script>

<template>
  <DaisyRating v-model="rating" name="rating" label="Bewertung auswählen" :max="5" size="lg" />
</template>