Komponenten-Showcase

DaisyMenu

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.

DaisyMenu – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`horizontal`	`boolean`
		`size`

Live-Vorschau

Für dein Projekt

DaisyMenu – Vollständiger Vue-Code

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

<template>
  <DaisyMenu class-name="w-full max-w-64 rounded-box bg-base-100">
    <li class="menu-title">Komponenten</li>
    <li><a href="/showcase/cards">Cards</a></li>
    <li><a href="/showcase/modals">Modals</a></li>
    <li><a href="/showcase/input">Inputs</a></li>
  </DaisyMenu>
</template>