Komponenten-Showcase

DaisyArtboard

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.

DaisyArtboard – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`orientation`
		`showNotch`	`boolean`
		`size`

Live-Vorschau

Mobile Vorschau

Dein Inhalt in einem Smartphone-Rahmen.

Für dein Projekt

DaisyArtboard – Vollständiger Vue-Code

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

<template>
  <DaisyArtboard size="small" orientation="portrait">
    <div class="p-6 pt-10">
      <h2 class="text-xl font-bold">Mobile Vorschau</h2>
      <p class="mt-4">Dein Inhalt in einem Smartphone-Rahmen.</p>
    </div>
  </DaisyArtboard>
</template>