Hover card - Pharen

Mit Hover card kannst du kontextbezogene Inhalte oder Feedback anzuzeigen. Diese Seite dokumentiert alle Vue-Komponenten, die das Modul öffentlich exportiert.

Installiere das Paket und importiere die Styles einmalig. Die vollständigen Schritte findest du unter Installation.

Import

import { HoverCard, HoverCardTrigger, HoverCardContent } from '@pharen/ui';

Beispiel

<script setup lang="ts">
import { HoverCard, HoverCardTrigger, HoverCardContent } from '@pharen/ui';
</script>

<template>
  <HoverCard>
    <HoverCardTrigger>Open hover card</HoverCardTrigger>
    <HoverCardContent>Hover card content</HoverCardContent>
  </HoverCard>
</template>

Exporte

Export	Aufgabe
`HoverCard`	Exportierte Vue-Komponente dieses Moduls.
`HoverCardTrigger`	Öffnet oder aktiviert die Komponente.
`HoverCardContent`	Enthält den sichtbaren Inhalt.

Quellcode

Quellcode auf GitHub öffnen