Komponenten-Showcase

DaisyLoading

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.

DaisyLoading – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`size`
		`variant`

Live-Vorschau

Für dein Projekt

DaisyLoading – Vollständiger Vue-Code

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

<template>
  <div role="status" class="flex flex-wrap items-center gap-6">
    <span class="sr-only">Ladeanzeigen</span>
    <DaisyLoading variant="spinner" size="lg" />
    <DaisyLoading variant="dots" size="lg" />
    <DaisyLoading variant="ring" size="lg" />
    <DaisyLoading variant="bars" size="lg" />
  </div>
</template>