Komponenten-Showcase

DaisyDropdown

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.

DaisyDropdown – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`open`	`boolean`
		`position`

Live-Vorschau

Für dein Projekt

DaisyDropdown – Vollständiger Vue-Code

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

<template>
  <div class="min-h-48">
    <DaisyDropdown>
      <template #trigger>Komponenten</template>
      <ul class="menu w-52 max-w-[calc(100vw-6rem)] rounded-box bg-base-100 p-2 shadow">
        <li><a href="/showcase/cards">Cards</a></li>
        <li><a href="/showcase/modals">Modals</a></li>
      </ul>
    </DaisyDropdown>
  </div>
</template>