Komponenten-Showcase

DaisyChat

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.

DaisyChat – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`position`

Live-Vorschau

Support

Wie können wir helfen?

Ich schaue mir gerade die Komponenten an.

Für dein Projekt

DaisyChat – Vollständiger Vue-Code

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

<template>
  <div>
    <DaisyChat position="start">
      <div class="chat-header">Support</div>
      <div class="chat-bubble">Wie können wir helfen?</div>
    </DaisyChat>
    <DaisyChat position="end">
      <div class="chat-header">Du</div>
      <div class="chat-bubble chat-bubble-primary">Ich schaue mir gerade die Komponenten an.</div>
    </DaisyChat>
  </div>
</template>