Tooltip - Pharen

Mit Tooltip 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 { Tooltip, TooltipProvider, TooltipTrigger, TooltipContent } from '@pharen/ui';

Beispiel

<script setup lang="ts">
import { Button, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@pharen/ui';
</script>

<template>
  <TooltipProvider>
    <Tooltip>
      <TooltipTrigger as-child><Button variant="outline">Hover or focus</Button></TooltipTrigger>
      <TooltipContent>Open workspace settings</TooltipContent>
    </Tooltip>
  </TooltipProvider>
</template>

Exporte

Export	Aufgabe
`Tooltip`	Exportierte Vue-Komponente dieses Moduls.
`TooltipProvider`	Exportierte Vue-Komponente dieses Moduls.
`TooltipTrigger`	Öffnet oder aktiviert die Komponente.
`TooltipContent`	Enthält den sichtbaren Inhalt.

Quellcode

Quellcode auf GitHub öffnen