Tooltip

<script setup lang="ts">
import { NNTooltip } from "@fronntui/vue";
</script>

<template>
  <p>
    Lorem ipsum dolor sit amet
    <NNTooltip>
      <span class="highlight" tabindex="0">consectetur</span>
      <template #popup> Some nice tooltip <a href="#">read more</a> </template>
    </NNTooltip>
    adipisicing elit. Dolore provident a neque architecto alias sed in ipsa
    nesciunt. Dignissimos molestias maiores iste aliquam odio. Dolore amet aut
    nam eum laborum.
  </p>

  <NNTooltip>
    <NNButton size="small" variant="neutral">
      <NNIconHeart />
    </NNButton>
    <template #popup>Check this out!</template>
  </NNTooltip>
</template>