Komponenten-Showcase

DaisyLabel

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.

DaisyLabel – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`label`	`string`
		`modelValue`
		`className`	`string`
		`disabled`	`boolean`
		`error`	`boolean`
		`labelSize`
		`placeholder`	`string`
		`type`	`string`
		`variant`

Live-Vorschau

NameWebsite

DaisyLabel enthält bereits ein eigenes Input.

Für dein Projekt

DaisyLabel – Vollständiger Vue-Code

<script setup lang="ts">
import { ref } from 'vue'
import DaisyLabel from 'vue-daisyui-components/components/DaisyLabel.vue'

const name = ref('')
const website = ref('')
</script>

<template>
  <div class="max-w-sm space-y-6">
    <DaisyLabel v-model="name" label="Name" placeholder="Dein Name" />
    <DaisyLabel v-model="website" label="Website" variant="floating" type="url" placeholder="https://beispiel.de" />
    <p class="text-sm">DaisyLabel enthält bereits ein eigenes Input.</p>
  </div>
</template>