Komponenten-Showcase

DaisyToggle

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.

DaisyToggle – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`disabled`	`boolean`
		`modelValue`	`boolean`
		`name`	`string`
		`variant`

Live-Vorschau

Benachrichtigungen

Für dein Projekt

DaisyToggle – Vollständiger Vue-Code

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

const enabled = ref(false)
</script>

<template>
  <label class="flex items-center gap-3">
    <DaisyToggle v-model="enabled" name="notifications" variant="primary" />
    Benachrichtigungen
  </label>
</template>