Skip to content

HTooltip ​

A lightweight convenience tooltip: wrap any trigger in its default slot and pass text; placement controls the side (top, top-end, bottom, left).

Code ​

vue
<script setup lang="ts">
import HTooltip from '@jaltech/vuejs-ui/h-tooltip'
import { Button } from '@jaltech/vuejs-ui/button'
</script>

<template>
  <HTooltip text="Enregistrer les modifications" placement="top">
    <Button>Survolez-moi</Button>
  </HTooltip>
</template>

Built on shadcn-vue, Reka UI and Tailwind CSS. @jaltech/vuejs-ui is a layer of complete components on top of shadcn-vue, not a replacement for it.