Komponenten-Showcase

DaisyIndicator

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.

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

Live-Vorschau

Neu

Inhalt mit Statusanzeige

Für dein Projekt

DaisyIndicator – Vollständiger Vue-Code

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

<template>
  <DaisyIndicator position="top-end">
    <template #indicator><DaisyBadge variant="primary">Neu</DaisyBadge></template>
    <div class="rounded-box bg-base-300 p-10">Inhalt mit Statusanzeige</div>
  </DaisyIndicator>
</template>