Komponenten-Showcase

DaisyAvatar

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.

DaisyAvatar – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`alt`	`string`
		`className`	`string`
		`initials`	`string`
		`placeholder`	`boolean`
		`src`	`string`
		`status`

Live-Vorschau

Für dein Projekt

DaisyAvatar – Vollständiger Vue-Code

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

<template>
  <div class="flex flex-wrap gap-6">
    <DaisyAvatar initials="AB" placeholder status="online" />
    <DaisyAvatar initials="CD" placeholder status="offline" />
  </div>
</template>