Komponenten-Showcase

DaisyTimeline

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.

DaisyTimeline – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`
		`orientation`

Live-Vorschau

Planung
Ideen sammeln
Umsetzung
Projekt entwickeln

Für dein Projekt

DaisyTimeline – Vollständiger Vue-Code

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

<template>
  <DaisyTimeline orientation="vertical" class-name="timeline-compact">
    <li>
      <div class="timeline-start">Planung</div>
      <div class="timeline-middle" aria-hidden="true">&#9679;</div>
      <div class="timeline-end timeline-box whitespace-normal">Ideen sammeln</div>
      <hr />
    </li>
    <li>
      <hr />
      <div class="timeline-start">Umsetzung</div>
      <div class="timeline-middle" aria-hidden="true">&#9679;</div>
      <div class="timeline-end timeline-box whitespace-normal">Projekt entwickeln</div>
    </li>
  </DaisyTimeline>
</template>