Komponenten-Showcase

DaisyCarousel

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.

DaisyCarousel – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`label`	`string`

Live-Vorschau

Slide 1

Slide 2

Slide 3

Für dein Projekt

DaisyCarousel – Vollständiger Vue-Code

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

<template>
  <DaisyCarousel label="Beispiel-Slides" class-name="w-full gap-4">
    <div class="carousel-item flex h-48 w-4/5 items-center justify-center rounded-box bg-primary text-primary-content">Slide 1</div>
    <div class="carousel-item flex h-48 w-4/5 items-center justify-center rounded-box bg-secondary text-secondary-content">Slide 2</div>
    <div class="carousel-item flex h-48 w-4/5 items-center justify-center rounded-box bg-accent text-accent-content">Slide 3</div>
  </DaisyCarousel>
</template>