Komponenten-Showcase

DaisySwap

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.

DaisySwap – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`disabled`	`boolean`
		`effect`
		`modelValue`	`boolean`

Live-Vorschau

AktivInaktiv

Für dein Projekt

DaisySwap – Vollständiger Vue-Code

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

const active = ref(false)
</script>

<template>
  <DaisySwap v-model="active" effect="rotate" class-name="text-xl">
    <template #on>Aktiv</template>
    <template #off>Inaktiv</template>
  </DaisySwap>
</template>