Komponenten-Showcase

DaisyTooltip

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.

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

Live-Vorschau

Für dein Projekt

DaisyTooltip – Vollständiger Vue-Code

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

<template>
  <DaisyTooltip tip="Ein hilfreicher Hinweis" position="bottom">
    <DaisyButton variant="primary" aria-label="Information: Ein hilfreicher Hinweis">
      Hover oder Fokus
    </DaisyButton>
  </DaisyTooltip>
</template>