Komponenten-Showcase

DaisyStack

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.

DaisyStack – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`heightClass`	`string`
		`widthClass`	`string`

Live-Vorschau

Vorne

Mitte

Hinten

Für dein Projekt

DaisyStack – Vollständiger Vue-Code

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

<template>
  <DaisyStack width-class="w-full max-w-64" height-class="h-40">
    <div class="grid place-content-center rounded-box bg-primary text-primary-content">Vorne</div>
    <div class="grid place-content-center rounded-box bg-secondary text-secondary-content">Mitte</div>
    <div class="grid place-content-center rounded-box bg-accent text-accent-content">Hinten</div>
  </DaisyStack>
</template>