Komponenten-Showcase

DaisyAlert

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.

DaisyAlert – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`closeSize`
		`dismissible`	`boolean`
		`message`	`string`
		`messageSize`
		`title`	`string`
		`titleSize`
		`variant`

Live-Vorschau

Information

Ein Hinweis für deine Nutzer.

Eine Erfolgsmeldung.

Bitte prüfe deine Angaben.

Eine beispielhafte Fehlermeldung.

Für dein Projekt

DaisyAlert – Vollständiger Vue-Code

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

<template>
  <div class="space-y-3">
    <DaisyAlert variant="info" title="Information" message="Ein Hinweis für deine Nutzer." />
    <DaisyAlert variant="success" message="Eine Erfolgsmeldung." dismissible />
    <DaisyAlert variant="warning" message="Bitte prüfe deine Angaben." />
    <DaisyAlert variant="error" message="Eine beispielhafte Fehlermeldung." />
  </div>
</template>