Komponenten-Showcase

DaisyHeadline

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.

DaisyHeadline – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`margin`	`boolean`
		`titleSize`

Live-Vorschau

Abschnittstitel

Alle Komponenten

Für dein Projekt

DaisyHeadline – Vollständiger Vue-Code

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

<template>
  <DaisyHeadline title-size="2xl" class-name="flex-wrap gap-3 [&>h2]:min-w-0 [&>h2]:[overflow-wrap:anywhere]">
    Abschnittstitel
    <template #actions>
      <a href="/showcase" class="link">Alle Komponenten</a>
    </template>
  </DaisyHeadline>
</template>