Komponenten-Showcase

DaisyAccordion

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.

DaisyAccordion – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`descriptionSize`
		`items`
		`name`	`string`
		`titleSize`

Live-Vorschau

Was ist daisyUI?

Eine Komponentenbibliothek für Tailwind CSS.

Wie nutze ich den Vue-Wrapper?

Importiere die Komponente und übergib ihre Props.

Für dein Projekt

DaisyAccordion – Vollständiger Vue-Code

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

<template>
  <DaisyAccordion
      name="questions"
      :items="[
        { title: 'Was ist daisyUI?', content: 'Eine Komponentenbibliothek für Tailwind CSS.' },
        { title: 'Wie nutze ich den Vue-Wrapper?', content: 'Importiere die Komponente und übergib ihre Props.' },
      ]"
  />
</template>