Komponenten-Showcase

DaisyBadge

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.

DaisyBadge – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`dash`	`boolean`
		`label`	`string`
		`labelSize`
		`outline`	`boolean`
		`size`
		`soft`	`boolean`
		`variant`

Live-Vorschau

PrimärOutlineErfolgHinweis

Für dein Projekt

DaisyBadge – Vollständiger Vue-Code

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

<template>
  <div class="flex flex-wrap gap-3">
    <DaisyBadge variant="primary">Primär</DaisyBadge>
    <DaisyBadge variant="secondary" outline>Outline</DaisyBadge>
    <DaisyBadge variant="success" soft>Erfolg</DaisyBadge>
    <DaisyBadge variant="warning" dash>Hinweis</DaisyBadge>
  </div>
</template>